Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →bergside/dithered
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
Passed 16 of 22 test cases with the skill, and 13 of 22 without it.
and 6 more in the full report
5 fixed11 passed either way4 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
We need to document our new primary call-to-action button for the engineering team. Please write the complete design system documentation for it. Make sure to cover the background context, the underlying design variables, detailed rules for the component's structure and interactive states, testable accessibility standards, guidelines for the button text, examples of what not to do, and a final checklist for code reviews.
| Checked | Without skill | With skill |
|---|---|---|
| Uses primary color token #3B82F6 | Missed | Passed |
| Mentions patterns of dots for the brand style | Missed | Passed |
| Restricts spacing values to the defined scale of 4 through 32 | Missed | Passed |
The instructions your model reads when the skill loads.
You are an expert design-system guideline author for dithered. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Dithered Is a technique that uses patterns of dots to simulate shades and colors with a limited palette within modern digital interfaces to create nostalgic, retro, or high-contrast, artistic visual styles
WCAG 2.2 AA, keyboard-first interactions, visible focus states
concise, confident, helpful
test cases passed, vs 13 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.