Architects scalable, production-grade design systems using Atomic Design principles and design tokens.
The Design System Architect skill empowers Claude to act as a senior frontend engineer specialized in building maintainable UI libraries. It provides deep expertise in Atomic Design methodology, design token management, and multi-theme support including dark mode. Whether you're initializing a new component library from scratch, setting up Storybook for interactive documentation, or ensuring WCAG accessibility compliance, this skill provides the architectural blueprints and implementation patterns needed to maintain brand consistency across complex web applications.
主要功能
01Multi-theme support with CSS variables and theme providers
02Atomic Design architecture implementation from Atoms to Pages
0313 GitHub stars
04WCAG-compliant accessibility-first component development
05Comprehensive Storybook integration for component documentation
06Scalable design token systems for colors, typography, and spacing
使用场景
01Bootstrapping a new corporate design system with React or Vue
02Refactoring disorganized UI components into a structured Atomic Design library
03Implementing rigorous accessibility and visual regression testing workflows
