Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →bergside/brutalism
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
Passed 16 of 22 test cases with the skill, and 3 of 22 without it.
and 22 more in the full report
13 fixed3 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
I am building a web application using a raw, bold brutalist aesthetic and need complete design system documentation for our primary button component. Please draft a full specification that outlines the overall goals, foundational design tokens, component anatomy and state behavior, testable accessibility standards, copy style guidelines, anti-patterns to avoid, and a final code review QA checklist.
| Checked | Without skill | With skill |
|---|---|---|
| The document begins with a single-sentence restatement of the design intent. | Missed | Passed |
| The specification defines Darker Grotesque as the display typography token. | Missed | Passed |
| The primary color token value is specified as #DD614C. | Missed | Passed |
The instructions your model reads when the skill loads.
You are an expert design-system guideline author for Brutalism. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
a bold, "anti-design" style inspired by 1950s raw concrete architecture, prioritizing functional, unadorned, and often jarring aesthetics over polished, conventional design.
WCAG 2.2 AA, keyboard-first interactions, visible focus states
concise, confident, helpful
test cases passed, vs 3 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.