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

design

design-system — это скилл для Claude Code, который реализует трёхслойную архитектуру дизайн-токенов (примитивные → семантические → компонентные), генерирует CSS-переменные и создаёт брендированные презентации. Скилл включает семь справочных файлов (токены, спецификации компонентов, состояния, интеграция с Tailwind), скрипты generate-tokens.cjs и validate-tokens.cjs для генерации и валидации CSS из JSON-конфига, а также систему слайдов на базе BM25-поиска, восьми CSV-таблиц решений и Chart.js. Подходит дизайнерам и frontend-разработчикам, которым нужен единый источник истины для токенов, передача дизайна в код или быстрое создание презентаций, соответствующих фирменному стилю.