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

★ 6.6 · design

design-system-builder is a Claude Code skill that extracts design systems from reference UI screenshots and mockups, then generates implementation-ready UI prompts. The multi-step workflow covers color palette extraction (primary, secondary, accent, functional colors), typography, component styles, and spacing scale (4dp–48dp), producing structured design system documentation saved to documents/designs/. It then optionally generates a PRD through interactive refinement and combines both into a final prompt using template assets — including vibe-design-template.md — targeting React with Tailwind CSS and Lucide icons. The output instructs creation of multiple UI variations (3 mobile, 2 web) organized as separate JSX components. Ideal for developers and designers who need to replicate an existing product's visual language or rapidly build an MVP matching specific reference aesthetics.