SECURITY REVIEW
Not yet assessed
Review the original instructions and requested permissions before installing.
No security review is available for this catalog entry yet.
Design · Frontend · Documentation / AGENT SKILL
ui-design-system
0
Create UI design systems with tokens, component documentation, responsive calculations, and developer handoff.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Understand the trade-offs.
SKILL QUALITY
Not yet assessed
How clearly the skill guides your agent, how complete its workflow is, and how you can check the outcome.
No quality assessment is available for this catalog entry yet.
The full skill.
Original instructions from the publisher’s SKILL.md
# UI Design System Professional toolkit for creating and maintaining scalable design systems. ## Core Capabilities - Design token generation (colors, typography, spacing) - Component system architecture - Responsive design calculations - Accessibility compliance - Developer handoff documentation ## Key Scripts ### design_token_generator.py Generates complete design system tokens from brand colors. **Usage**: `python scripts/design_token_generator.py [brand_color] [style] [format]` - Styles: modern, classic, playful - Formats: json, css, scss **Features**: - Complete color palette generation - Modular typography scale - 8pt spacing grid system - Shadow and animation tokens - Responsive breakpoints - Multiple export formats