design-extract

Name: design-extract Review
Item: design-extract
Rating: 3.8
Author: Aaron Matthews

Skill Security Solid

Solid Scanned — metadata only

Automates design system extraction from live websites, eliminating manual auditing and enabling rapid design token migration across platforms.

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+.

Extract Tailwind tokens from competitor or legacy website for rapid migration
Generate SwiftUI/Compose components from live website design patterns
Audit CSS health and WCAG compliance across design system

2,822 starsMIT (commercial OK)FreeQuick setup

Why it matters

Automates design system extraction from live websites, eliminating manual auditing and enabling rapid design token migration across platforms. Reduces time-to-market for design consistency across iOS, Android, web, and no-code tools.

Best for

Design systems teams and frontend leads who need to reverse-engineer or migrate design tokens from existing websites into standardized formats (DTCG, Figma, Tailwind, shadcn/ui).

Works in

Claude Code Claude Cowork Claude Chat

Source

https://github.com/Manavarya09/design-extract

By Manavarya09

How to Get It

Option 1: Claude Desktop App (Code Mode)Click the + button next to the prompt box → Plugins → Add plugin. Search and click Install. Skills work in Claude Code only.

Option 2: Paste into Claude CodeCopy the command below and paste it into your conversation. Claude will install it.

Command

claude plugins install Manavarya09/design-extract

Tip: Paste this into a Claude Code conversation. Verify command matches your Claude Code version.

CostFree

Trust Signals Auto-scanned

Stars2,822Last updated2026-05-17LicenseMIT (OK for commercial use)Known CVEsNone foundSources: GitHub Advisory Database + OSV.dev · Scanned 2026-05-20 · scanner v1

⚠ Data last scanned 2026-05-20 (44 days ago) — may not reflect the tool's current state.

Community Pulse Active

Discussed on Hacker News, Reddit

Why would they design the extracts this way? — Reddit · 8364 pts
CMV: The American healthcare system is designed to be as difficult and frustrati — Reddit · 7324 pts
The design of Pelican extraction shuttle is incredibly stupid and I love it — Reddit · 6209 pts

3 mentions across 1 sources

Reviewer notes

Auto-scanned review. These are observations, not a security certification.

Scored from trust signals (evidence-eval-v1): 2,822 GitHub stars; contributors unknown; last commit 3d ago; license MIT.

How to evaluate tools before deploying →

Data shown here comes from public APIs and automated scanning. Reviewer notes reflect one person's experience. This is not a security certification or legal recommendation. Always evaluate tools according to your own organization's policies.

Evaluation Scores

Evaluation

Ease of Use

4/5

Versatility

5/5

Reliability

3/5

Security

3/5

Overall score3.85 / 5.00 SolidEvaluatedMay 2026

Scored from trust signals (evidence-eval-v1): 2,822 GitHub stars; contributors unknown; last commit 3d ago; license MIT.

← Back to the Claude Observatory