Zurück zu Skills

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

Kanonische Quelle öffnen

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-extraction

An der Quelle prüfen

Kompatibilität und Voraussetzungen in der offiziellen Dokumentation prüfen.

https://github.com/maiconlara/design-system-extraction

Klassifikationen

Art
Werkzeug

Messverlauf

Vergleichbare Messwerte sind nach Signal und Einheit gruppiert.

Sterne

1Sterne · 18.10.2026

0 (0 %)seit 12.10.2026

12.10.2026 : 1 Sterne13.10.2026 : 1 Sterne14.10.2026 : 1 Sterne15.10.2026 : 1 Sterne16.10.2026 : 1 Sterne17.10.2026 : 1 Sterne18.10.2026 : 1 Sterne
Genaue Werte · 7 Messungen
GemessenSterneÄnderung
10
10
10
10
10
10
1·