Note: This skill is a platform-specific variant of design-system. Prefer design-system for general use; use frontend-design-system when targeting platform-specific configurations.

Frontend Design System

A skill for production-grade UI design. Supports consistent, scalable frontend development through clear design tokens, layout rules, motion guidelines, and accessibility checks.

When to use this skill

• Production-quality UI needed: Generate high-quality UI from prompts
• Consistent design language: Maintain a unified visual language across screens
• Typography/layout/motion guidance: Systematic design system

Instructions

Step 1: Define Design Tokens