Дизайн-система: токены, компоненты и стайлгайд

design

design-system is a Claude Code skill that implements a three-layer design token architecture (primitive → semantic → component), generates CSS variables, and produces brand-compliant presentations. It ships with seven reference files covering token layers, component specs, states and variants, and Tailwind integration, plus generate-tokens.cjs and validate-tokens.cjs scripts for building and validating CSS from a JSON token config. The slide system adds BM25-powered search, eight decision-logic CSVs (strategies, layouts, typography, color, copy formulas, Chart.js chart configs), and a contextual flow that picks layouts and emotion arcs automatically. Ideal for designers and frontend developers who need a single source of truth for tokens, a structured design-to-code handoff, or fast creation of on-brand pitch decks.