moai-design-systems
Installation
SKILL.md
Design Systems Expert
Production-Ready Design Systems with Tokens & Accessibility
Focus: W3C DTCG 2025.10, WCAG 2.2 (4.5:1 contrast), Atomic Design
Tools: Style Dictionary, Storybook, Figma MCP, axe DevTools
Overview
Build consistent, accessible UI with design tokens, component libraries, and automated testing.
Core Pillars
- Design Tokens: Single source of truth (color, spacing, typography)
- Component Library: Reusable building blocks (Atomic Design)
- Accessibility: WCAG 2.2 compliance (contrast, keyboard, screen readers)