design-system-extraction — tool profile and history

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.

Active

Canonical source ↗

Language
JavaScript
License
MIT
Created
Last activity
Topics
  • accessibility
  • agent-skills
  • brand-audit
  • claude-code
  • claude-code-skills
  • claude-skills
  • codex-skills
  • css
  • design-system
  • design-system-extraction
  • design-tokens
  • developer-experience
  • frontend
  • mcp
  • skills-sh
  • ui-audit
  • ui-design
  • wcag

Install git clone https://github.com/maiconlara/design-system-extraction ~/.claude/skills/design-system-extraction

Current measurement

1GitHub starsstable
measured growth

Momentum uses available readings from the last 7 days: measured with at least two comparable readings, estimated otherwise.

Reading history

90 days · 90 maximum readings
DateValueMetric
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars
1GitHub stars

Classifications

Domains
Type
Agent skills
Use cases

These entries declare the same topics. No similarity is inferred: only the shared topics are stated.