design-system-extraction
SkillGitHubAktivJavaScript
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.
Herkunft der Beschreibung: Originalquelle
Gemessen: 18.10.2026 · 66 Beobachtungen
Bereiche & Einsatzzwecke
- Bereiche
- Agenten, Skills und MCP
- Einsatzzwecke
- Agenten-Skills, Code-Assistenten
Installation
git clone https://github.com/maiconlara/design-system-extraction ~/.claude/skills/design-system-extractionAn der Quelle prüfen
Kompatibilität und Voraussetzungen in der offiziellen Dokumentation prüfen.
https://github.com/maiconlara/design-system-extractionKlassifikationen
- Art
- Werkzeug
Messverlauf
Vergleichbare Messwerte sind nach Signal und Einheit gruppiert.
Sterne
1Sterne · 18.10.2026
0 (0 %)seit 11.08.2026
Genaue Werte · 66 Messungen
| Gemessen | Sterne | Änderung |
|---|---|---|
| 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 | · |