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.

frontend

View on GitHub Website

182 Stars

21 Forks

0 Watchers

TypeScript Language

mit License

100 SrcLog Score

Cost to Build

$7.4K

Market Value

$22.2K

How is this calculated?

Growth over time

3 data points · 2026-07-18 → 2026-08-18

Stars Forks Watchers

💬

How do you feel about this project?

Ask AI about extract-design-system

Question copied to clipboard

What is the arvindrk/extract-design-system GitHub project? 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.". Written in TypeScript. Explain what it does, its main use cases, key features, and who would benefit from using it.

Question is copied to clipboard — paste it after the AI opens.

How to clone extract-design-system

Clone via HTTPS

git clone https://github.com/arvindrk/extract-design-system.git

Clone via SSH

[email protected]:arvindrk/extract-design-system.git

Download ZIP

Download main.zip

Found an issue?

Report bugs or request features on the extract-design-system issue tracker:

Open GitHub Issues

Similar to extract-design-system

vue react ionic-framework ant-design Front-End-Checklist frontend-dev-bookmarks iview gold-miner frontend-stuff gremlins.js tachyons backbone.marionette awesome-cheatsheets tui.editor marko zeroclipboard TW-Elements growth-ebook tui.calendar gdbgui frontend-case-studies Front-End-Performance-Checklist nerv Awsome-Front-End-learning-resource bit ng-zorro-antd webpacker san reagent weekly