Извлечение дизайн-системы из сайта
★ 7.9 · design
extract-design is a Claude Code skill that extracts a complete design system from any website URL and produces 8 ready-to-use output files. It runs the designlang utility via npx — no installation required — to capture colors, typography, spacing, shadows, components, breakpoints, and animations, then scores accessibility against WCAG. The generated files cover every common target: an AI-optimized markdown summary, a visual HTML preview with swatches, a Tailwind config, a React/CSS-in-JS theme object, CSS custom properties, a shadcn/ui theme, Figma Variables JSON, and W3C Design Tokens. Additi
- #design-tokens
- #design-system
- #tailwind
- #figma
- #react
- #shadcn
- #accessibility