Manavarya09/design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
1 skill listed · MIT · 4.4k stars · last pushed 23 Oct 2026
Manavarya09/design-extract on GitHub (opens in a new tab)Install the collection
Claude Code plugin
Installs the latest version, not the one we checked. Installs everything in the plugin, including any hooks, MCP servers and scripts our check doesn't cover.
claude plugin marketplace add Manavarya09/design-extract --scope user &&
claude plugin install designlang@designlang --scope userSkills
| Skill | Check | Capabilities | Licence | Updated |
|---|---|---|---|---|
| extract-design 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 existing website's design language. Pattern check: Items to reviewWhat it can touch: Runs shell commands · Reaches the network +1MIT · Updated 19 Oct 2026 | Pattern check: Items to review | What it can touch: Runs shell commands · Reaches the network +1 | MIT | 19 Oct 2026 |
Not listed from this repo
24 project-internal skills.