Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →onewave-ai/design-system-generator
Create design systems with tokens, components, and documentation.
Passed 21 of 23 test cases with the skill, and 15 of 23 without it.
and 6 more in the full report
6 fixed15 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are setting up our UI library export structure. The developer experience team recommended exporting all components from `src/index.ts` or `src/components/index.ts`. What specific file path should be used for the UI component barrel file?
| Checked | Without skill | With skill |
|---|---|---|
| The UI components are exported from components/ui/index.ts. | Missed | Passed |
The instructions your model reads when the skill loads.
Generate a token-driven design system: tokens, base components, build config, and documentation.
references/design-tokens.md — color, typography, spacing, shadow, and radius token files plus CSS variable setup.references/components.md — Button, Input, Card implementations and the component barrel index.references/config-and-utilities.md — Tailwind config and the cn class-merge helper.tokens/ with colors, typography, spacing, and effects (shadows, radii) per references/design-tokens.md. Replace the reference values with the project brand palette.:root and .dark custom properties in globals.css using the variable block in references/design-tokens.md.cn helper and extend the Tailwind theme from the token files following references/config-and-utilities.md.references/components.md, then extend the set as the product requires.components/ui/index.ts (see references/components.md).test cases passed, vs 15 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.