Back to Marketplace

Run this helper free

Answer 3 questions. Get a result in 2 minutes. Preview free.

Start free →
FREE
Scanned
Coding

extract-design-system

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Install in one line

$ mfkvault install npm-extract-design-system

Requires the MFKVault CLI. Prefer MCP?

New skill
No reviews yet
New skill
🤖 Claude Code⚡ Cursor💻 Codex
FREE

Free to install — no account needed

Copy the command below and paste into your agent.

Instant access • No coding needed • No account needed

What you get in 5 minutes

  • Full skill code ready to install
  • Works with 3 AI agents
  • Lifetime updates included
SecureBe the first
Ready to run

Run this helper

Answer a few questions and let this helper do the work.

▸Advanced: use with your AI agent

Description

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI. Keywords: design-tokens, design-system, design-system-extraction, css-custom-properties, css-variables, color-palette, color-extraction, typography, token-generator, reverse-engineer, website-analysis, w3c-design-tokens, style-dictionary, tailwindcss, figma, agent-skill, skills.sh, skills, mcp, model-context-protocol, ai, llm, claude, anthropic, cursor, codex, cli Version: 0.1.11

Preview in:

Security Status

Scanned

Passed automated security checks

Time saved
How much time did this skill save you?

Related AI Tools

More Coding tools you might like

sysknife-setup

Free

Zero-friction setup for SysKnife MCP server — Claude Code, Cursor, and Codex CLI

frogeye-mcp (MCP)

Free

AI-powered security vulnerability detection for MCP-compatible agents, offering real-time scanning of code against a knowledge graph of 24,000+ vulnerability patterns.

multilingual-dictionary-mcp (MCP)

Free

An MCP server for multilingual dictionary lookups with word relations such as synonyms, antonyms, and definitions, leveraging ConceptNet, Wiktionary, and Datamuse APIs.

@babel/helper-function-name

Free

Helper function to change the property 'name' of every function

bug-bounties (MCP)

Free

Real-time directory of every public VDP and bug bounty program

MCP Memory (MCP)

Free

Enables MCP clients to remember user preferences and behaviors across conversations using vector search technology.