Home / Skills / extract-design
extract-design
Manavarya09/design-extractSkill
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS variables. Also runs WCAG accessibility scoring. Use when user says 'extract design', 'get design system', 'design language', 'design tokens', 'what colors/fonts does this site use', 'turn this URL into design tokens', 'make a Tailwind theme from this site', or '/extract-design'. Do not use for building a new UI from scratch unless the user first wants to extract an existin
Why this score
This repo hosts 10 skills, so its 4,268 stars are split between them (about 427 each) for scoring.
Popularity score: 75/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank
Security
Scanned Oct 21, 2026 at commit 86bdbb53379d, with Cisco's open-source skill-scanner.
None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.
A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan
Prompts that use Tailwind CSS
Alternatives
Other makers' add-ons that do the same job, next to this one.
| Name | Score | Stars | Context | Updated |
|---|---|---|---|---|
| This oneextract-design Manavarya09/design-extract · Skill | 75 | ★ 4.3k | ≈154 always | 16d ago |
| extract-design-system arvindrk/extract-design-system · Skill Both about extract and website | 69 | ★ 248 | ≈30 always | 2mo ago |
| stitch::extract-design-md google-labs-code/stitch-skills · Skill Same job: ui design | 75 | ★ 8.5k | ≈26 always | 3mo ago |
| figma-design-to-code figma/mcp-server-guide · Skill Same job: ui design, also for Figma | 62 | ★ 2.1k | ≈134 always | 16d ago |
| design-compare artemnovichkov/skills · Skill Same job: ui design, also for Figma | 57 | ★ 40 | ≈105 always | 18d ago |
| light-frontend-design Light0305/Light-skills · Skill Same job: frontend, also for Tailwind CSS | 57 | ★ 680 | ≈25 always | 4mo ago |