extract-design-system

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Type: Skill
Imported from GitHub
Popularity: 231 GitHub stars
License: MIT
Source: https://github.com/arvindrk/extract-design-system
Tags: agent-skills, automation, brand-audit, claude-code-skills, claude-skills, cli, css, cursor-skills, design-md, design-ops, design-system, design-tokens
Updated: 2026-10-01

More skills

skills — Public repository for Agent Skills
ponytail — Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
agent-skills — Production-grade engineering skills for AI coding agents.
open-design — 🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becom…
claude-mem — Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and inject…
Understand-Anything — Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about…
archify — Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion a…
awesome-claude-skills — A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows