What problem does it solve?
This Skill turns the Pacman design-system style foundations into clear, implementation-ready rules so teams can build consistent UIs without guesswork or scattered interpretations.
Core Features & Use Cases
- Token-first foundations: Defines typography, spacing, and color palettes (including exact token values) to keep visuals consistent across components.
- Component-level rule authoring: Produces guidance for anatomy, states (default/hover/focus-visible/active/disabled/loading/error as relevant), variants, responsive behavior, and edge cases like overflow and empty states.
- Accessibility and review-ready quality gates: Enforces WCAG 2.2 AA expectations and adds a QA checklist plus anti-patterns to prevent low-quality implementation.
Quick Start
Generate Pacman design-system guidance for a specific UI component while adhering to the token definitions, accessibility requirements, and the required output structure.