What problem does it solve? Teams building data-driven enterprise interfaces often lack consistent, testable design-system guidance, leading to inconsistent spacing, low-contrast text, and inaccessible components. This Skill produces structured, opinionated design-system documentation that engineers and designers can implement directly. ## Core Features & Use Cases - Token-First Foundations: Defines color, typography, and spacing tokens (Ubuntu/Oswald fonts, semantic color palette, comfortable density) before component rules. - Component-Level Rules: Specifies anatomy, variants, states (default, hover, focus-visible, active, disabled, loading, error), and responsive behavior for each component. - Accessibility Acceptance Criteria: Anchors every rule to WCAG 2.2 AA with testable requirements, keyboard-first interactions, and visible focus states. - Use Case: A product team standardizing a drag-and-drop workflow builder uses this Skill to generate a complete design-system document with anti-patterns, migration notes, and a QA checklist for code review. ## Quick Start Ask the AI to generate enterprise design-system guidelines for a specific component set, such as "create design-system rules for data tables and form inputs following the enterprise token palette."
