Skill UI

This skill serves as an expert design-system guideline author, providing comprehensive, implementation-ready guidance for the Bento grid layout. It defines design tokens (color, spacing, typography), component anatomy, state management, and strict accessibility standards (WCAG 2.2 AA). Use this to create highly structured, scalable, and consistent UI/UX documentation for engineers and designers.

A comprehensive guide for authoring high-quality, implementation-ready design systems. It covers foundational elements like color, typography, and spacing, alongside detailed rules for component anatomy, state management, and WCAG 2.2 AA accessibility, ensuring consistency and sophistication.

Manages the entire lifecycle of design systems within the Stitch platform. This powerful skill allows users to retrieve project assets, synthesize design tokens (DESIGN.md) from existing screens or descriptions, create/update the system in Stitch, and finally apply these tokens consistently across multiple screens to ensure a unified and scalable brand language.