← Browse
extract-design-system
arvindrk ★ 231
This standalone agent skill extracts design tokens (colors, typography, spacing, border radius, shadows) from any public website and generates W3C-compatible JSON and CSS custom property files for local projects. It's installable via `npx skills add` and provides a repeatable workflow for reverse-engineering starter design systems from existing websites.
Install
> npx skills add arvindrk/extract-design-system
Installs via the community skills CLI (works with Claude Code and other agents).
What it's made of
1 skill
- Commands
- 0
- Agents
- 0
- Skills
- 1
- MCP servers
- 0
- Hooks
- 0
What it needs & plugs into
- API keys
- none
- Paid services
- none detected
- External tools
- none
- Talks to
- nothing external detected
Facts extracted from the plugin's files. Prose generated by claude-haiku-4-5-20251001.
Is this your plugin?
Claim it to keep the card accurate and enter the weekly contest. Requires signing in as the GitHub owner (arvindrk).