Извлечение дизайн-системы из мокапов

★ 6.6 · design

design-system-builder — это скилл для Claude Code, который извлекает дизайн-систему из пользовательских скриншотов и мокапов, а затем генерирует готовые к реализации UI-промпты. Многошаговый рабочий процесс включает анализ цветовых палитр, типографики, стилей компонентов и системы отступов (4dp–48dp) из эталонных изображений, генерацию документации дизайн-системы, создание PRD и компоновку финального промпта на базе шаблонов из папки assets. Готовый промпт ориентирован на реализацию в React с Tailwind CSS и Lucide-иконками: скилл создаёт несколько вариаций UI (3 мобильных, 2 веб), организованных как отдельные JSX-компоненты. Подходит разработчикам и дизайнерам, которым нужно быстро воспроизвести визуальный стиль существующего продукта или собрать MVP, соответствующий конкретной эстетике.