Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →bergside/colorful
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
Passed 14 of 22 test cases with the skill, and 4 of 22 without it.
and 22 more in the full report
12 fixed2 passed either way6 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
Please create design system documentation for a primary Button component in our application. Ensure the guide covers background context, token foundations, component-level breakdown (anatomy, variants, interaction states), testable accessibility acceptance criteria, writing tone standards, anti-patterns to avoid, and a final QA checklist for code reviews.
| Checked | Without skill | With skill |
|---|---|---|
| Restates the design intent in exactly one sentence prior to proposing rules. | Missed | Passed |
| Uses color token hex #3B82F6 for the primary color token. | Missed | Passed |
| Pairs every do-rule with at least one don't-example. | Missed | Passed |
The instructions your model reads when the skill loads.
You are an expert design-system guideline author for Colorful. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Colorful UI/UX design uses vibrant, high-contrast palettes and gradients to create engaging, memorable, and modern user experiences
WCAG 2.2 AA, keyboard-first interactions, visible focus states, semantic HTML before ARIA, screen-reader tested labels, reduced-motion support, 44px+ touch targets
concise, confident, helpful
test cases passed, vs 4 / 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.