design-system - Design system and styling guidelines for frontend UI.
Provides design tokens, Tailwind CSS classes, component patterns, typography, and gamification visual styling guidelines.
Tags
Updated: 2026-09-24Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Provide design tokens and colors
- Define UI component styling patterns
- Apply gamification visual design rules
- Standardize typography and layout spacing
Inputs
- UI task requirements
- Design spec documents
Outputs
- Tailwind CSS class names
- Styled React UI components
Requirements
- Tailwind CSS
- React
- cn utility function