extract-design-system
extract-design-system is 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 (Cla.... It is ranked #1227 on the Design Radar, in Design-to-code, first seen 13 days ago and shared in 1 post (54 views).
extract-design-system/skills/extract-design-system/SKILL.md at main · arvindrk/extract-design-system · GitHub Skip to content Navigation Menu Sign in Appearance settings Search / Sign in Sign up Appearance settings You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert {{ message }} Repository navigation Files Expand file tree main / SKILL.md Copy path Blame More file actions Blame More file actions Latest commit History History History 67 lines (46 loc) ·…
What people said about extract-design-system on X
Extract Design System skill : - Never let it overwrite an existing design system or app styling without confirmation; the output is a starting point, not a pixel-perfect copy - npx playwright install chromium, then npx extract-design-system <url> on a public site - It writes .extract-design-system/raw.json and…
— @johnnynelai, 13 days ago · 1 likes · see the post
Alternatives to extract-design-system
- Wonder — We made a simple comparison so you can see the differences yourself!
- web.dev — Web performance and best practices
- hallmark — Open-source AI design skill
- skills — Skills for Designers and Engineers. Contribute to emilkowalski/skills development by creating an account on GitHub.
- CSS-Tricks — CSS-Tricks is where folks around the world come to learn about front-end code and everything related to it, including…
- Taste Skill — Taste Skill gives your AI agent good taste. Open-source skill files that stop AI from generating generic, boring…
extract-design-system in numbers
- Rank on the Design Radar: #1227 of 2644
- Shared in 1 post by 1 account: @johnnynelai
- 54 views on those posts
- First seen 13 days ago, last shared 13 days ago
- Pricing seen by AGK Intelligence: open source
- Market: Design-to-code
FAQ
What is 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 (Cla... It was first shared on X 13 days ago and is ranked #1227 on the Design Radar.
Is extract-design-system free?
It is open source.
Who shared extract-design-system?
1 account on X, including @johnnynelai, in 1 post totalling 54 views.
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:48 UTC. Full method.