Генерация дизайн-системы с токенами и документацией

design

ckm:design-system is a Claude Code skill that analyzes project requirements and generates a complete, tailored design system in seconds — covering a three-layer token architecture (primitive → semantic → component), CSS variables, spacing and typography scales, and component specifications. The reasoning engine draws on 192 design rules and a searchable library of 79 UI styles to recommend the right visual language, color palette, and typography pair for a given product or brand. Output includes structured page patterns, key effects, and accessibility notes alongside the token definitions. It's built for design-engineering teams that need to establish a consistent token system and component documentation for frontend development without starting from scratch.