# extract-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.

- Tier: Indexed (plain plugin)
- Category: Development
- Page: https://www.flowy.sh/listings/arvindrk-extract-design-system
- Source: https://github.com/arvindrk/extract-design-system
- Price: free and open source

## Summary
extract-design-system is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes extract-design-system. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

## Install (Claude Code)
```
npx -y skills add arvindrk/extract-design-system
```

## Skills
- extract-design-system

## FAQ

### What is extract-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.

### How do I install extract-design-system?
Run these in Claude Code: npx -y skills add arvindrk/extract-design-system. Then prompt normally.

### Does extract-design-system auto-invoke its skills?
Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

### Is extract-design-system free?
Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.