← Use cases · Coding agents & IDE assistants
AI agent tools for design tokens
Short answer: Our top pick for design tokens: dembrandt, with the highest AgentPick Score (74/100) among tools tagged "design-tokens". Runners-up: design-extract (73) and ux-ui-agent-skills (69). Compare what each does, its license and how recently it was updated below.
| # | Tool | What it does | Score | Stars | License | Updated |
|---|---|---|---|---|---|---|
| #1 | dembrandt | Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command. | 74/100 | ★ 3.6k | MIT | 11 Oct 2026 |
| #2 | design-extract | Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, … | 73/100 | ★ 4.2k | MIT | 8 Oct 2026 |
| #3 | ux-ui-agent-skills | Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gate… | 69/100 | ★ 1.7k | MIT | 10 Oct 2026 |
| #4 | styleseed | Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, ref… | 66/100 | ★ 978 | MIT | 14 Oct 2026 |
| #5 | stylekit | Open-source visual style library for AI-generated UI — 148 curated styles with design tokens, prompts and MCP. | 面向 AI 生成网页的开源视觉风格库：148 套精选风格，支持 MCP、A… | 63/100 | ★ 607 | MIT | 14 Oct 2026 |
| #6 | tinte | Compile your design system into an Agent Plugin. Extract an identity from any reference, emit SKILL.md + tokens.css, lint what bypasses your tokens. | 43/100 | ★ 624 | MIT | 8 Aug 2026 |
| #7 | webgradients | 180 free CSS3, Figma, Sketch & PSD gradients — plus a JSON dataset for design tools, generators, and AI agents. | 38/100 | ★ 2.5k | MIT | 3 Aug 2026 |
| #8 | better-design | 🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-gr… | 33/100 | ★ 347 | MIT | 22 Sept 2026 |
Source: each project's public GitHub repository (description, stars, license, last push). Listed tools aren't tested or ranked by AgentPick.
How to choose
- Check which models and providers it supports.
- Prefer tools that show diffs and ask before running commands.
- Look for recent commits: coding agents change fast.
Get the best new agent tools every week. Free, with a verdict on each. Get the weekly digest
Related
AI agent tools for agent skills →
Coding agents & IDE assistants
AI agent tools for developer tools →
Coding agents & IDE assistants
AI agent tools for the terminal →
Coding agents & IDE assistants
AI agent tools for macOS →
Coding agents & IDE assistants
AI agent tools for agent harnesses →
Coding agents & IDE assistants
AI agent tools for agent orchestration →
Coding agents & IDE assistants
AgentPick Weekly
The week's new agent tools with a verdict on each, every week. Free. We'll email you a link to confirm, and you can unsubscribe any time. See our Privacy Policy.