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.
- ✓Open-source license (MIT)
- ✓Recently active
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
git clone https://github.com/arvindrk/extract-design-system ~/.claude/skills/extract-design-system1 items in this repository
Extract design primitives from a public website and generate starter token files for your project.
Skills overview
What people ask about extract-design-system
What is arvindrk/extract-design-system?
+
arvindrk/extract-design-system is skills for the Claude AI ecosystem. 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. It has 198 GitHub stars and its last recorded update is dated 2026-08-01.
How do I install extract-design-system?
+
You can install extract-design-system by cloning the repository (https://github.com/arvindrk/extract-design-system) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is arvindrk/extract-design-system safe to use?
+
Our security agent has analyzed arvindrk/extract-design-system and assigned a Trust Score of 92/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.
Who maintains arvindrk/extract-design-system?
+
arvindrk/extract-design-system is maintained by arvindrk. The last recorded GitHub activity is dated 2026-08-01, with 4 open issues.
Are there alternatives to extract-design-system?
+
Yes. On ClaudeWave you can browse similar skills at /categories/skills, sorted by popularity or recent activity.
Deploy extract-design-system to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/arvindrk-extract-design-system)<a href="https://claudewave.com/repo/arvindrk-extract-design-system"><img src="https://claudewave.com/api/badge/arvindrk-extract-design-system" alt="Featured on ClaudeWave: arvindrk/extract-design-system" width="320" height="64" /></a>More Skills
A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
omo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
Turn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 190,000+ scientists worldwide. 165 ready-to-use validated skills plus 100+ scientific databases covering biology, chemistry, medicine, and drug discovery. Compatible with Cursor, Claude Code, Codex, Pi, Antigravity, and the open Agent Skills standard.
A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.