Tokenscout
- 4 repo stars
- Updated July 22, 2026
- Atroci/tokenscout
Extract design tokens (colors, typography, spacing, animation) from live websites as W3C DTCG JSON
About
TokenScout is a zero-dependency tool that extracts design tokens from live websites by analyzing computed styles rather than source code. It performs perceptual color clustering, generates stable DTCG-compliant JSON, and outputs formats for CSS variables and Tailwind config. The tool bridges design reality and implementation by capturing authentic, deduplicated token sets for design system bootstrapping.
- Computed style analysis from actual rendered output
- Perceptual color clustering using CIELAB (ΔE76 algorithm)
- Outputs W3C DTCG JSON, CSS variables, Tailwind config
- Zero-config CLI, MCP server, and programmatic APIs
Tokenscout by the numbers
- Data as of Jul 23, 2026 (Skillselion catalog sync)
/plugin marketplace add Atroci/tokenscoutAdd your badge
Show developers this marketplace is listed on Skillselion. Paste this into your README.
| repo stars | ★ 4 |
|---|---|
| Last updated | July 22, 2026 |
| Repository | Atroci/tokenscout ↗ |
What it does
Extract design tokens (colors, typography, spacing, animation) from live websites as W3C DTCG JSON
Who is it for?
Design teams auditing live sites and bootstrapping design system tokens
Skip if: Manual token creation from design mockups
What you get
Automated token extraction accelerates design system setup and ensures accuracy
Plugins in this marketplace
1 plugin - install individually after you add the marketplace.
