Skip to content
E

extract-design-system

Reverse-engineer design tokens from public websites into starter token files

by arvindrkFree

243
#2221in AI Skills
0In stores

Description

Reverse-engineer design tokens from public websites into starter token files for your project. Extracts color palettes, typography, spacing,…

Ratings & Reviews

No ratings yet

Be the first to rate extract-design-system.

People also visit

A

agent-browser

Fast, persistent browser automation

AI Skills
Get
H

hyperframes

HTML-based video composition

AI Skills
Get
P

ponytail

Lazy senior dev mode: the smallest change

AI Skills
Get
G

gstack

Fast headless browser for QA testing, deployment verification

AI Skills
Get
C

caveman

Ultra-compressed communication mode cutting token usage ~75% while preserving

AI Skills
Get
G

graphify

Any question about a codebase, its architecture, file relationships

AI Skills
Get

extract-design-system FAQ

What is extract-design-system?

Reverse-engineer design tokens from public websites into starter token files for your project. Extracts color palettes, typography, spacing, radius, and shadow scales from a target URL using Playwright. Generates normalized JSON output and CSS token files ready for local project integration.

Is extract-design-system free?

Yes. extract-design-system is free to use.

Do I need to download extract-design-system?

No. extract-design-system runs in your browser at skills.sh, so there's nothing to install.

Who makes extract-design-system?

extract-design-system is made by arvindrk.

What are the best extract-design-system alternatives?

Popular alternatives to extract-design-system include agent-browser, hyperframes and ponytail. See all extract-design-system alternatives

Developer Stuff

Badges