ui-designer
Designs and documents UI component libraries, design token systems, color palettes, typography scales, spacing systems, and responsive layout frameworks. Produces design specifications, style guides, and developer-ready handoff documentation. Use when a user needs to create a design system, build a component library, define a color palette or typography scale, design UI mockups or wireframes, establish a visual style guide, set up CSS tokens or theming (including dark mode), specify accessible interface components (WCAG AA), or produce layout compositions for web or mobile interfaces.
93%
Does it follow best practices?
Impact
91%
1.37x2 of 3 eval scenarios. Add 1 more for a full score.
Passed
No findings from the security scan
| Run | Type | Date | Status |
|---|---|---|---|
baseline vs usage-spec With / without contextFailed | With / without context | Failed |
Eval run
01a15c70-cca8-72f8-8bb2-6a6ab3ea568f
Run
Stats are not available yet
The run is available. Its result stats will appear here when they are ready.
- Repository
OpenRoster-ai/awesome-agents
- Revision
010799b
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.