Skip to content
Get packs

Documentary Brutalist Agency Site

Builds bold, black-and-white agency or portfolio websites with accessible menus and FAQs

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
5 files

What it does

When this skill is installed, the agent designs or redesigns a website for a creative agency, production studio, architecture firm, culture organization, or portfolio using a specific style: huge billboard-style headlines, stark black and warm-white sections, visible grid lines, square corners, and documentary-style photo collages. It also follows accessibility rules for menus, FAQ accordions, keyboard use, reduced motion, and image loading, and tells the agent to remove invented clients, quotes, and results so placeholder content is replaced with real material.

Great for

  • Designers or small studios building a portfolio or agency homepage with a bold editorial look
  • Front-end developers who want a structured starting point for an accessible, brutalist-style layout
  • Teams redesigning a culture, architecture, or production studio site who want strong typography and restrained motion

Skip it if

  • Projects wanting a soft, rounded, or glossy SaaS-style look, since the skill explicitly avoids those styles
  • Sites that must publish quotes, awards, or client claims without verification, because the skill is about presentation and the user must supply and check all real content

Try asking

  • “Redesign our architecture studio homepage in a documentary brutalist style with a billboard headline and a black work section”
  • “Create a portfolio website for a production studio with an irregular photo collage and accessible FAQ”
  • “Review my agency site's menu and FAQ for keyboard and reduced-motion accessibility in this style”
Step-by-step guide: how to use Documentary Brutalist Agency SiteInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 5 original files, the MIT licence and an attribution note.

    documentary-brutalist-agency.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip documentary-brutalist-agency.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip documentary-brutalist-agency.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Supply your own real project images, names, and verified testimonials up front, since the skill tells the agent to replace all placeholders with original or licensed material.
  • Ask the agent to test the result at 320px, tablet, desktop, and 200% zoom, as the skill's validation checklist recommends.
  • Use the included demo/PROMPT.md and demo/index.html as a reference for the expected output style before starting your own project.

What's inside

  • agents/openai.yaml
  • demo/index.html
  • demo/PROMPT.md
  • REFERENCES.md
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.