| .. | ||
| .claude-plugin | ||
| commands | ||
| skills | ||
| README.md | ||
design-systems
Build, document, and maintain scalable design systems — from tokens and components to accessibility and theming.
Skills (8)
- design-token — Define and organize design tokens with naming conventions and usage guidance.
- component-spec — Write a detailed component specification including props, states, variants, and accessibility.
- pattern-library — Structure a pattern library entry with problem context, solution, and examples.
- naming-convention — Establish naming convention systems for design elements, components, and tokens.
- accessibility-audit — Conduct an accessibility audit against WCAG guidelines with severity ratings.
- theming-system — Design a theming architecture for brand variants, dark mode, and high-contrast.
- icon-system — Create an icon system specification covering grid, sizing, naming, and categories.
- documentation-template — Generate structured documentation templates for design system artifacts.
Commands (3)
/audit-system— Audit a design system for consistency, completeness, and accessibility./create-component— Scaffold a full component specification from a name or description./tokenize— Extract and organize design tokens from an existing design or stylesheet.