An AI agent skill that gives coding assistants searchable UI/UX design rules, styles, palettes, font pairings and stack-specific guidance.
146.5K+3.1K this week15.5KPythonMITUpdated 6 hours ago
AI coding
UI design skills for AI coding agents: 29 open-source projects (2026)
Give Claude Code, Codex and Cursor design taste: skills and tools that steer agents toward cleaner, less generic interfaces.
- Project
- 29
- This week
- +21.5K
- Updated
- 3 hours ago
How to choose
Decide first what job you need done: stop your agent from producing generic interfaces, get a full design workspace, or copy the look of something that already exists. Nutlope/hallmark is a design skill aimed at UI that doesn't look AI-generated. nexu-io/open-design is a local-first workspace that turns briefs into prototypes, decks and images. amaancoderx/npxskillui extracts the design system of an existing site or codebase into files Claude Code can read.
- hallmarkBest for developers who want Claude Code, Cursor or Codex to produce UI that doesn't look AI-generated, with a single skill.
- open-designBest for people who want a local-first, open-source workspace where their own coding agent turns briefs into prototypes, decks and images, in place of Figma.
- npxskilluiBest for developers who need Claude Code to build UI that matches the design system of an existing website, repo or local codebase.
Top projects compared
| Project | Stars | This week | License | Updated |
|---|---|---|---|---|
| 146.5K | +3.1K | MIT | 6 hours ago | |
| 111.6K | +4.7K | MIT | 9 hours ago | |
| 106.5K | +1.3K | Apache-2.0 | 3 hours ago | |
| 50.1K | +6.4K | MIT | 2 days ago | |
| 28.9K | +639 | MIT | 4 days ago | |
| 14.8K | +1.7K | MIT | 6 days ago |
All projects
Agent Skills that make coding agents design distinctive frontends, using art direction, real photos and a browser self-check instead of generic AI landing pages.
111.6K+4.7K this week7.5KJavaScriptMITWell maintainedUpdated 9 hours ago
Local-first, open-source AI design agent workspace that turns briefs into prototypes, decks, dashboards, images and videos using your own coding agent.
106.5K+1.3K this week12.1KTypeScriptApache-2.0Updated 3 hours ago
A design skill for Claude Code, Cursor, and Codex that guides AI coding agents toward UI that doesn't look AI-generated.
50.1K+6.4K this week2.7KCSSMITUpdated 2 days ago
An HTML-native design skill for AI coding agents that turns a text prompt into prototypes, slide decks, animations and infographics.
28.9K+639 this week3.1KHTMLMITUpdated 4 days ago
A collection of self-contained design skill files for AI coding tools such as Claude Code, Cursor, and Codex, starting with a landing page skill.
14.8K+1.7K this week1.1KMITUpdated 6 days ago
A curated collection of six agent Skills for Claude Code, Cursor, Codex and similar AI coding agents, covering web design, video, images, articles and local knowledge retrieval.
14.6K+540 this week1.7KJavaScriptMITUpdated 13 days ago
Rules and skills that make an AI coding agent avoid generic-looking UI, marketing copy, and AI-styled code comments.
8.6K+834 this week577JavaScriptMITWell maintainedUpdated 2 days ago
An Agent Skill that runs Claude Design locally in Cursor, Claude Code or similar agents to produce self-contained HTML mockups, prototypes and decks.
6.2K+551 this week482JavaScriptMITWell maintainedUpdated yesterday
Agent skills that teach AI coding agents to build native-quality Expo / React Native mobile screens, informed by top-grossing apps' designs.
5K+145 this week250MITUpdated 2 months ago
A collection of 273 agent-ready design skills and 76 slash commands for Claude Code and Gemini CLI, covering research, systems, UI, interaction and delivery.
3.3K+105 this week434MarkdownMITUpdated 2 months ago
A pure instruction and knowledge kit that turns Claude and other coding agents into a UX/UI design expert, with DTCG tokens, component specs, 138 design systems and 52 objective gates.
3.1K+67 this week301JavaScriptMITUpdated 11 days ago
An interface design skill for AI agents that explores distinct design directions, compares them side by side, and refines them against real screenshots.
2.9K+357 this week166PythonMITWell maintainedUpdated 4 hours ago
CLI that extracts a website's, git repo's, or local codebase's design system into a folder of files Claude Code can read to build matching UI.
2.5K+17 this week257TypeScriptNo licenseUpdated 6 months ago
A design-skills and UI prompt library with a CLI and MCP connection that gives AI coding tools design systems and layout guidance for building UIs.
2.2K+28 this week154TypeScriptOtherUpdated 16 days ago
An agent skill that extracts visual design identity from reference UIs into structured Design DNA JSON, then generates matching UI from it.
2.1K+31 this week113JavaScriptMITUpdated 2 months ago
A free, two-way Figma MCP server that lets coding agents turn Figma designs into code and write designs back to the canvas.
1.3K+92 this week79TypeScriptMITWell maintainedUpdated 3 hours ago
An agent skill that makes AI coding agents build designed, award-style websites from a one-line brief, plus a companion /jury skill that scores sites.
1.2K+160 this week53JavaScriptMITWell maintainedUpdated 12 days ago
A CLI that lets an AI assistant build and edit real, editable designs in your local Figma Desktop app, with no API key.
1.1K+13 this week132JavaScriptMITWell maintainedUpdated 17 days ago
Design posters, social posts, slides and landing pages inside GitHub Copilot, Claude Code, Codex or Cursor, with no separate desktop app.
1K+17 this week103HTMLMITUpdated 17 hours ago
An agent skill that gives coding agents like Claude Code and Cursor design judgment to generate and iterate on UI, slide decks, and graphics.
959+32 this week75JavaScriptMITUpdated 3 months ago
An opinionated Agent Skill for Claude Code and similar clients that guides AI-generated UI design away from generic templates, with a visual direction picker and 58 real-site design system references.
675+7 this week50JavaScriptMITUpdated 26 days ago
An open, text-only Agent Skill that guides AI agents to design, generate, refine and review bold, playful app icons.
613+436 this week23No licenseUpdated 3 months ago
An MCP server and shadcn/ui registry that gives coding agents design systems, UI/UX guidance, icons and accessibility review rules.
560+15 this week34TypeScriptMITUpdated 13 days ago
An agent skill and CLI that teach AI coding agents to produce polished, production-quality UI instead of generic AI-looking interfaces.
438+3 this week23GoMITUpdated yesterday
A Claude Code skill that teaches a coding agent to build, redesign and critique clean, honest dashboard UIs with a screenshot QA pass.
405+182 this week21MITUpdated 12 hours ago
A set of 24 open-source agent skills that steer Claude Code, Codex, Cursor and opencode toward less generic, more deliberately designed UI output.
218+9 this week14JavaScriptMITUpdated 3 months ago
A UI/UX design skill for coding agents that guides building, redesigning, and reviewing interfaces, plus a CLI that inspects running pages for accessibility and layout issues.
911JavaScriptMITWell maintainedUpdated yesterday
Claude Code skills that move designs from Figma into a codebase and code state back into Figma, plus a style-system governance skill.
582TypeScriptMITUpdated 3 months ago
FAQ
- How are these projects chosen?
- Every project on Repolode passes a quality screening before it is listed: it must be usable today, solve a concrete problem, be more than a thin wrapper and still be maintained. This page groups the listed projects by topic and ranks them by GitHub stars.
- Which project here is the most popular?
- nextlevelbuilder/ui-ux-pro-max-skill, with 146.5K GitHub stars. Check each project's license and last commit before choosing.