design-system-extraction
SkillGitHubActiveJavaScript
Extract design tokens (colors, typography, spacing, border radius, shadows, component states, motion) from any public website by reading its real CSS. WCAG-validates every contrast pair and outputs an implementation guide for coding agents. Agent skill for Claude Code, Cursor and claude.ai, plus a standalone contrast CLI.
Description provenance: Original source
Measured: Oct 20, 2026 · 68 observations
Domains & Uses
- Domains
- Agents, skills and MCP
- Uses
- Agent skills, Code assistants
Installation
git clone https://github.com/maiconlara/design-system-extraction ~/.claude/skills/design-system-extractionCheck at the source
Compatibility and prerequisites must be checked in the official documentation.
https://github.com/maiconlara/design-system-extractionClassifications
- Nature
- Tool
Measurement history
Comparable readings are grouped by signal and unit.
Stars
1stars · Oct 20, 2026
0 (0 %)since Aug 11, 2026
Exact values · 68 readings
| Measured | stars | Change |
|---|---|---|
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | 0 | |
| 1 | · |