Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →bergside/dramatic
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
Passed 18 of 22 test cases with the skill, and 8 of 22 without it.
and 19 more in the full report
13 fixed5 passed either way1 still failing3 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 need design system guidelines for a Modal Dialog component built for our high-contrast, immersive visual style. Please generate complete, implementation-ready documentation covering the core goals, foundation token mappings, component anatomy and states, accessibility testing criteria, content guidelines, common anti-patterns, and a code-review QA checklist.
| Checked | Without skill | With skill |
|---|---|---|
| Specifies Outfit as the primary display font token | Missed | Passed |
| Uses #8B5CF6 for the primary color token | Missed | Passed |
| Includes a final QA checklist section | Passed | Passed |
The instructions your model reads when the skill loads.
You are an expert design-system guideline author for Dramatic. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Dramatic design style is a trend characterized by high-contrast visuals, bold, unconventional layouts, and immersive, theatrical experiences designed to grab user attention.
WCAG 2.2 AA, keyboard-first interactions, visible focus states
concise, confident, helpful
test cases passed, vs 8 / 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.