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

★ 7.0 · web-development

web-design — это скилл для Claude Code, который реализует двухэтапный рабочий процесс веб-дизайна: сначала генерирует файл DESIGN.md с полной дизайн-системой, а затем на его основе создаёт готовый код страницы. На этапе анализа скилл принимает любую комбинацию входных данных — URL для Playwright-краулинга, скриншоты, PRD-документы, ключевые слова — и извлекает цветовые токены, типографику, анимации и структуру. DESIGN.md содержит 9 разделов: цветовую палитру с CSS-переменными, правила типографики, стили компонентов, систему теней, анимации трёх уровней интерактивности (L1–L3), Do's & Don'ts и адаптивное поведение. Скилл специализируется на Landing Page, Portfolio, блогах, продуктовых и SaaS-страницах; опирается на базу из 58 предустановленных дизайн-систем реальных брендов и включает аудит качества перед финальной сдачей кода.