{"repo":"arvindrk/extract-design-system","free":true,"listed":false,"github":"https://github.com/arvindrk/extract-design-system","clone":"git clone https://github.com/arvindrk/extract-design-system.git","description":"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.","language":"TypeScript","stars":182,"topics":["agent-skills","automation","cli","cursor-skills","design-system","skills-sh","token-extractor","claude-code-skills","claude-skills","design-ops"],"license":"MIT","category":"ui-components","readme_excerpt":"extract-design-system — Extract Design Tokens from Any Website Reverse-engineer design tokens (colors, typography, spacing, border radius, shadows) from any public website and generate starter JSON and CSS custom properties for your local project. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI. Skills follow Anthropic's Agent Skills overview and are installable through the skills.sh ecosystem. This repository is skills-first. It publishes an installable extract-design-system skill, and the bundled CLI is the executable workflow the agent runs under the hood. What It Extracts Token category Examples --- --- Colors brand palette, backgrounds, text, borders Typography font families, sizes, weights, line heights Spacing padding and margin scale Border radius button, card, and pill radii Shadows box-shadow values across elevation levels Outputs a W3C-compatible tokens.json and a tokens.css file of CSS custom properties, ready to drop into any project. Quick Start Install the skill: Run it from a supported coding agent with a public website: Expected starter outputs: - .extract-design-system/raw.json - .extract-design-system/normalized.json - design-system/tokens.json - design-system/tokens.css About This Repository This repository contains a focused agent skill for reverse-engineering a starter design system from a public website. The skill is designed to give coding agents a repeatable workflow for: - analyzing a public website's colors, typography, spa","default_branch":null,"files":null,"tree":[],"storefront":"/r/arvindrk","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/arvindrk/extract-design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}