~ / leaderboard / skill / extract-design
Skill · #1659
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
5rigs use it
0%of all rigs
6.3kavg rig context tax
Get it
$ npx degit Manavarya09/design-extract/skills/extract-design .claude/skills/extract-design From the most-starred rig that ships it: Manavarya09/design-extract. Same-named skills in different rigs may differ — review before use.
Often used together with
agent-browser · 1emil-design-eng · 1mcp-builder · 1frontend · 1browse · 1investigate · 1markitdown · 1humanizer · 1graphify · 1design-taste-frontend · 1
Rigs using extract-design (5)
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, F
Pragmatist 5.6k tok ·
danielvm-git/bigpowers
Agent skills synthesizing years of software engineering discipline into a prescriptive methodology for solo developers
Skill Collector 13.1k tok ·
dembrandt/dembrandt-skills
Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.
Skill Collector 4.8k tok ·
Niseel/ai-sdlc-starter
npx ai-sdlc-starter - scaffold an AI-Native SDLC project in one command.
Minimalist 430 tok ·
Tekkiiiii/the-agency
Open-source multi-agent command center for Claude Code. 244 skills, 200+ agents across 14 departments, PD-driven autonomous workflows, SQLite task store, file-based memory. Installs to ~/.claude/ — zero cloud dependencies.
Orchestrator 7.8k tok ·