中文
~/home / JavaScript / GitHub
GitHub · JavaScript

ux-ui-agent-skills

ux-ui-agent-skills is a skill AI agent for Automatically convert design system specifications into runnable UI component code to improve handoff efficiency between design and development. Pricing: Free + $20/mo for advanced features. As of 2026-09-20, KanonAgent records 93 upvotes. First indexed by KanonAgent on 2026-09-14.
Turns Claude into a specialized design architect that automatically generates accessible, framework-agnostic UI components from design system specs.
93 upvotes
Tracked by Kanon since Sep 14, 2026
Accelerating
status
32/100
momentum · conf 0.92
6d
tracked since 2026-09-14
2026-09-20
last meaningful change
7
evidence records

Status basis: npm_downloads_7d gained 351 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)

📈 Timelinewhat changed, and when
🔎 Known / Unknown 13 of 23 fields unknown
Machine-callable unknown
Open source1 verified 1 quote(s)
Self-hostable1 inferred 1 quote(s)
Bring your own key unknown
Autonomy level unknown
Pricing model unknown
Integrationsfigma,react,tailwindcss inferred 2 quote(s)

“Unknown” means we have not verified it — it is not a “no”. Hard filters never treat unknown as false.

🤖 Agent teardown · skill
Job to be doneAutomatically convert design system specifications into runnable UI component code to improve handoff efficiency between design and development.
Who it is forDesign teams and developers in B2B SaaS companies
Prerequisitesopen source · self-hostable
Integrationsfigma · react · tailwindcss
PricingFree + $20/mo for advanced features
Traction · why it is risingGained 63 votes on Product Hunt and is actively used in real design workflows with strong community engagement
Why it matters

It's a modular, reusable AI skill that exemplifies the emerging pattern of specialized agent components in the AI ecosystem.

Evidence quotesverbatim, from the product’s own materials

“public GitHub repository (README fetched)”— structural
“No build tools, dependencies, or runtime required — this is a pure instruction & knowledge layer for AI agents.”— readme
“figma,react,tailwindcss”— topics
“DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code”— description
“this is a pure instruction & knowledge layer for AI agents”— readme
“runnable skills”— readme
JavaScript
Signal source: GitHub
Visit official site →
📛 Official badgefor your site / README
ux-ui-agent-skills badge
Building ux-ui-agent-skills? Pick a style above — the embed code updates live. Deep color control via URL params: bg= / fg= / accent= (hex). It links back to this page.
Share on X
On mobile tap Share for WeChat / RED (Xiaohongshu) / X; on desktop use Copy text and paste into the app.

FAQ

What is ux-ui-agent-skills?

Turns Claude into a specialized design architect that automatically generates accessible, framework-agnostic UI components from design system specs.

What does ux-ui-agent-skills do?

Automatically convert design system specifications into runnable UI component code to improve handoff efficiency between design and development.

Why does ux-ui-agent-skills matter?

It's a modular, reusable AI skill that exemplifies the emerging pattern of specialized agent components in the AI ecosystem.

How much does ux-ui-agent-skills cost?

Free + $20/mo for advanced features

Is ux-ui-agent-skills free?

Yes — ux-ui-agent-skills has a free tier. Pricing as stated on its own page: Free + $20/mo for advanced features

Is ux-ui-agent-skills open source?

Yes — ux-ui-agent-skills is open source.

Can I self-host ux-ui-agent-skills?

Yes — ux-ui-agent-skills can be self-hosted.

What does ux-ui-agent-skills integrate with?

figma,react,tailwindcss

How popular is ux-ui-agent-skills?

As tracked by KanonAgent: 93 upvotes (first indexed 2026-09-14).

What are the best ux-ui-agent-skills alternatives?

Similar AI agents tracked by KanonAgent: open-design, deer-flow, ruflo, career-ops, archify, cherry-studio.

ux-ui-agent-skills alternatives — similar AI agents

open-designdeer-flowruflocareer-opsarchifycherry-studio

Where this fits — browse the same shelf

AI Agent Skills & PluginsAI agents for Code generationAre there open-source AI agents for Code generation?Can I self-host an AI agent for Code generation?AI agents that work with FigmaSelf-hosted & open-source AI agents