extract-design-system
arvindrk esm
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.
Version 0.1.11 License MIT
Keywords
design-tokensdesign-systemdesign-system-extractioncss-custom-propertiescss-variablescolor-palettecolor-extractiontypographytoken-generatorreverse-engineerwebsite-analysisw3c-design-tokensstyle-dictionarytailwindcssfigma
INSTALL
Top version - 0
Full extract-design-system Download Stats 
ShareKeywords
design-tokens
design-system
design-system-extraction
css-custom-properties
css-variables
color-palette
color-extraction
typography
token-generator
reverse-engineer
website-analysis
w3c-design-tokens
style-dictionary
tailwindcss
figma
agent-skill
skills.sh
skills
mcp
model-context-protocol
ai
llm
claude
anthropic
cursor
codex
cli
Get a badge for your package
