Rules for an AI coding agent to filter out generic AI-generated UI designs, text, and code.
Tools for designing UI with Claude Code
Left alone, coding agents tend to produce the same interface every time: centered hero, purple gradient, rounded cards. The repos here add design guidance to Claude Code and similar agents, as skills, rule files or MCP servers that supply components and critique.
This space moves week to week, so the list is ranked by momentum first. Most entries are small and easy to try: copy a skill folder or add one server to your config, then compare the output on a screen you know well.
- Repos tracked
- 30
- New this week
- 0
- none added yet
- Stars gained in 30 days
- +37.9k
- across 18 ranked repos
- Updated
- Oct 17, 2026
Rising newcomers
12 newcomersCreated in the last 90 days and gaining at least 20 stars this week.
An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.
UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。
An agent skill that builds award-caliber websites from one line
A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.
Better judgment. Better taste. Less ceremony. System instructions and source-aware steering for GPT in Codex.
Opinionated Oxlint rules for rejecting low-evidence TypeScript and JavaScript patterns
Local-first EPUB/PDF reader with annotations and AI assistance through Claude Code and Codex CLI. Built with React, TypeScript, shadcn/ui, Go, and Electron.
400 interactive UI elements you can try live, then copy as an AI prompt or working code: 200 interface parts and 200 website sections and animations. Light/dark, MIT.
Review code 100X faster. Lens draws every PR as animated architecture and data-flow walkthroughs, inside the pull request itself. Use it as a GitHub App, GitHub Action, CLI, or a Skill for your coding agent
24 open-source agent skills that turn taste into instructions — ten genre identities, each proven by a same-brief before/after demo
Make your agents talk human. ADHD-friendly output styles for Claude Code, Codex, and others. So you can pay attention, not tokens.
How this list is ranked
60% momentum, 40% health. Newcomers: created in the last 90 days with ≥ 20 stars this week.
How the score is computed
- Health (0–100) reflects release cadence, recent commit activity and the number of active contributors.
- Momentum (0–100) is stars gained in 30 days ÷ √(stars before), scaled within this collection, so a small project growing fast can outrank a large one.
- Newcomers are listed only in their own block, so a repo never appears twice.
- Members come from matching rules (GitHub topics, keywords in the description and README) plus a short hand-kept include and exclude list. The ranking is recomputed every hour from public GitHub activity.
Ranking
18 reposRanked by momentum, then health
- Rank 1
nextlevelbuilder/ui-ux-pro-max-skillOpen nextlevelbuilder/ui-ux-pro-max-skill on GitHub (opens in new tab)
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
+8.6k stars in 30 days −20% vs previous 30 days Score 87 - Rank 2
Leonxlnx/taste-skillOpen Leonxlnx/taste-skill on GitHub (opens in new tab)
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
+10.5k stars in 30 days +1% vs previous 30 days Score 86 - Rank 3
nexu-io/open-designOpen nexu-io/open-design on GitHub (opens in new tab)
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
+5.4k stars in 30 days −34% vs previous 30 days Score 83 - Rank 4
dickwu/apple-design-skillOpen dickwu/apple-design-skill on GitHub (opens in new tab)
Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cursor, Codex.
+837 stars in 30 days +50% vs previous 30 days Score 73 - Rank 5
JCodesMore/ai-website-cloner-templateOpen JCodesMore/ai-website-cloner-template on GitHub (opens in new tab)
Clone any website with one command using AI coding agents
+2.5k stars in 30 days +12% vs previous 30 days Score 69 - Rank 6
MrGeDiao/shuorenhuaOpen MrGeDiao/shuorenhua on GitHub (opens in new tab)
说人话|中文优先的去 AI 味改写 skill:保事实、分场景、改完可直接发。Chinese-first rewrite skill for Codex / Claude Code / Cursor / ChatGPT — removes AI tone, preserves facts.
+354 stars in 30 days −47% vs previous 30 days Score 60 - Rank 7
plugin87/ux-ui-agent-skillsOpen plugin87/ux-ui-agent-skills on GitHub (opens in new tab)
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 gates that fail the build instead of faking success.
+631 stars in 30 days −30% vs previous 30 days Score 60 - Rank 8
VoltAgent/awesome-design-mdOpen VoltAgent/awesome-design-md on GitHub (opens in new tab)
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
+5.9k stars in 30 days −21% vs previous 30 days Score 56 - Rank 9
superdesigndev/superdesign-skillOpen superdesigndev/superdesign-skill on GitHub (opens in new tab)
The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
+255 stars in 30 days +82% vs previous 30 days Score 54 - Rank 10
isjiamu/gzh-design-skillOpen isjiamu/gzh-design-skill on GitHub (opens in new tab)
把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 + 主题生成器 + 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.
+305 stars in 30 days −45% vs previous 30 days Score 45
- Rank 11
wasp-lang/open-saasOpen wasp-lang/open-saas on GitHub (opens in new tab)
A 100% free modern JS SaaS boilerplate (React, NodeJS, Prisma). Full-featured: Auth (email, google, github, slack, MS), Email sending, Background jobs, Landing page, Payments (Stripe, Polar.sh), Shadcn UI, S3 file upload. AI-ready with tailored AGENTS.md, skills, and Claude Code plugin. One cmd deploy. Powered by Wasp full-stack framework.
+294 stars in 30 days −19% vs previous 30 days Score 43 - Rank 12
oil-oil/beautify-github-readmeOpen oil-oil/beautify-github-readme on GitHub (opens in new tab)
README design skill for Claude Code & Codex. 帮你把 GitHub README 做得好看又好懂。
+131 stars in 30 days −8% vs previous 30 days Score 40 - Rank 13
Manavarya09/design-extractOpen Manavarya09/design-extract on GitHub (opens in new tab)
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
+150 stars in 30 days −81% vs previous 30 days Score 39 - Rank 14
Nutlope/hallmarkOpen Nutlope/hallmark on GitHub (opens in new tab)
Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
+1.6k stars in 30 days −51% vs previous 30 days Score 38 - Rank 15
udecode/plateOpen udecode/plate on GitHub (opens in new tab)
Rich-text editor with AI and shadcn/ui
+86 stars in 30 days −17% vs previous 30 days Score 35 - Rank 16
GLips/Figma-Context-MCPOpen GLips/Figma-Context-MCP on GitHub (opens in new tab)
MCP server to provide Figma layout information to AI coding agents like Cursor
+165 stars in 30 days −31% vs previous 30 days Score 22 - Rank 17
onlook-dev/onlookOpen onlook-dev/onlook on GitHub (opens in new tab)
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-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.
+250 stars in 30 days −11% vs previous 30 days Score 20 - Rank 18
guanyang/open-agent-hubOpen guanyang/open-agent-hub on GitHub (opens in new tab)
A lightweight, zero-dependency CLI tool to manage and activate capabilities for AI coding assistants (such as Claude Code, Cursor, Trae, etc.).
+13 stars in 30 days −38% vs previous 30 days Score 17
Showing 10 of 18 ranked repos. 12 newcomers are listed separately.