BrowseFull catalogOutcomesSolve a specific problemRolesStack by teamTrustFilter by risk tier
← Back to the Claude Observatory

design-extract

Skill Security Solid

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

2,822 starsMIT (commercial OK)FreeQuick setup

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.

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

Claude Code Claude Cowork Claude Chat

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 → PluginsAdd 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

Community Pulse Active

Discussed on Hacker News, Reddit

16 mentions across 2 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

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

Rolling Claude out in your org? Let's talk.

Start a conversation →