orchestrator-designer

Design tokens are reusable variables (colors, typography, spacing) that maintain consistency across platforms. This Skill generates a complete token set for Android, iOS, and Web, defining naming conventions and platform-specific guidelines so developers can implement designs uniformly without manual interpretation.

A component spec documents visual behavior, layout rules, states, and accessibility requirements for each UI element. This Skill creates comprehensive specs that pair design decisions with implementation details—colors, spacing, typography, responsive breakpoints—so developers build exactly what designers intended.

Accessibility compliance requires defined contrast ratios, semantic sizing, touch targets, and responsive behavior across devices. This Skill incorporates accessibility guidelines into design tokens and component specs, ensuring color, typography, and spacing choices meet WCAG standards before implementation begins.

Design-code verification compares live UI against design specs to catch misalignment early. This Skill provides a reference specification and token definitions that developers use to validate their implementation, reducing rework and ensuring visual consistency in the final product.

Yes. While core token logic stays consistent, Android, iOS, and Web each have platform conventions—touch targets, typography scales, spacing ratios. This Skill generates platform-specific token sets and guidelines so each platform feels native while maintaining a unified design language.

Start with planning documents, design intent, color palettes, typography choices, and spacing scale. This Skill takes those inputs and transforms them into structured token definitions, component guidelines, and responsive behavior rules ready for implementation across all platforms.