pacman
CommunityShip arcade-style design system guidance fast
Design & Creative#typography#accessibility#design-system#component-states#ui-guidelines#token-based-theming
AuthorPiercingXX
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: pacman Download link: https://github.com/PiercingXX/xx-stack/archive/main.zip#pacman Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.