Создание дизайн-системы и CSS-архитектуры

★ 6.8 · general

design-system-creator is a Claude Code skill that builds comprehensive design systems and design bibles with production-ready CSS. It implements a three-tier token architecture — primitive, semantic, and component — using OKLCH for perceptually uniform color scales, organizes stylesheets with ITCSS, and supports BEM, OOCSS, and SMACSS naming conventions. Each component is documented with anatomy, variants, states, responsive behavior, and accessibility guidance. Use it for CSS architecture from scratch, extracting a design system from existing styles, generating style guides, setting up dark mode, or building multi-brand and white-label token structures. It pairs with typography-expert and color-theory-palette-harmony-expert; actual UI implementation and typography selection are handled by dedicated skills.