Design Systems Development Skill

Purpose: Guide implementation of production-ready design systems using W3C DTCG 2025.10 token standards, WCAG 2.2 accessibility compliance, and Figma MCP automation workflows.

When to use this Skill:

• Setting up design token architecture for multi-platform projects
• Implementing accessible component libraries (WCAG 2.2 AA/AAA)
• Automating design-to-code workflows with Figma MCP
• Building maintainable design systems with Storybook
• Ensuring color contrast compliance and semantic token naming

Latest Standards (as of November 2025):

• DTCG Specification: 2025.10 (first stable version)
• WCAG Guidelines: 2.2 (AA: 4.5:1 text, AAA: 7:1 text)
• Figma MCP: Desktop + Remote server support
• Style Dictionary: 4.0 (DTCG-compatible)
• Storybook: 8.x (with Docs addon)