← Use cases · Coding agents & IDE assistants
AI agent tools for design system
Short answer: Our top pick for design system: taste-skill, with the highest AgentPick Score (84/100) among tools tagged "design-system". 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 | taste-skill | Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages | 84/100 | ★ 96k | MIT | 14 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 | starwind-ui | 55 framework-portable UI components for Astro, React Vue, and Svelte. Install accessible Tailwind CSS components as source you own, backed by a shared… | 62/100 | ★ 747 | MIT | 6 Oct 2026 |
| #7 | qiaomu-design | 偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-sit… | 54/100 | ★ 582 | MIT | 13 Oct 2026 |
| #8 | onlook | The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-… | 53/100 | ★ 27k | Apache-2.0 | 25 Aug 2026 |
| #9 | scroll-craft | An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Cl… | 52/100 | ★ 3.4k | MIT | 30 Sept 2026 |
| #10 | Lightswind-UI-Library | The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & G… | 52/100 | ★ 1.1k | MIT | 24 Jul 2026 |
| #11 | 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 |
| #12 | ui-beats | Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. Copy, paste, or install with the shadcn CLI. | 42/100 | ★ 234 | MIT | 23 Aug 2026 |
| #13 | codex-slides | 🎨 Open-source AI slide studio inside Codex: image-native decks, every slide a full visual canvas. ⚡ 10+ high-quality slides in ~4–5 minutes — Fast mo… | 39/100 | ★ 938 | MIT | 21 Jul 2026 |
| #14 | solid-glass | A design system for AI applications. Material, physical, tactile, technical. | 39/100 | ★ 592 | MIT | 14 Oct 2026 |
| #15 | appllama-skills | A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens. | 38/100 | ★ 2.9k | MIT | 6 Sept 2026 |
| #16 | designer-skills | Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery. | 36/100 | ★ 2.9k | MIT | 5 Sept 2026 |
| #17 | boardui | React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage. | 35/100 | ★ 625 | MIT | 2 Oct 2026 |
| #18 | apple-design-skill | Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cursor, Codex… | 31/100 | ★ 1.4k | See repo | 2 Oct 2026 |
| #19 | web-design | A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second. | 28/100 | ★ 787 | MIT | 24 Jun 2026 |
| #20 | hue | open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assist… | 27/100 | ★ 842 | MIT | 11 Jun 2026 |
| #21 | nextjs-admin-dashboard | AI-Native Next.js admin dashboard template and UI components that come with pre-built elements, components, pages, high-quality design, integrations, … | 26/100 | ★ 590 | See repo | 18 Aug 2026 |
| #22 | tinykit | Self-hosted Lovable/v0 alternative. Realtime database & storage included. | 23/100 | ★ 524 | MIT | 9 Jan 2026 |
| #23 | ai-design-components | Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude | 21/100 | ★ 525 | MIT | 11 Dec 2025 |
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.