Skip to content
Development
SkillAuto-invokedWhat is this?This plugin ships a FLOW.md router the engine fires, so the matching skill runs itself. No slash command to remember.Learn how →

/extract-design-system

Extract design primitives from a public website and generate starter token files for your project.

@arvindrkarvindrk@arvindrk
From plugin
extract-design-systemSee the plugin
1661 skills
shell
$ npx -y skills add arvindrk/extract-design-system --skill extract-design-system --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/extract-design-system
How auto-invocation works

Context preview

The summary Claude sees to decide when to auto-load this skill.

Extract design primitives from a public website and generate starter token files for your project.
Ships withextract-design-system

Reverse-engineer design tokens (colors, typography, spacing, border radius, shadows) from any public website and generate starter JSON and CSS custom properties for your local project. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Get the whole plugin, auto-invoked
Stats
TypeScriptJavaScriptNodeTailwindCSS
+7 tags
BashVercelGitHubPlaywrightAnthropicMCPStripe
167
Stars
0
Views
19
Forks
Active
Maintenance
TypeScript
Language
MIT
License
4d ago
Last commit
4mo ago
Created

Repo: arvindrk/extract-design-system