← all repositories
maxbogo/awesome-ai-tools-for-ui

A field guide to making AI agents less ugly at CSS

A curated list of 37 tools, skills, and MCP servers that teach coding assistants to design interfaces instead of defaulting to generic gray boxes.

awesome-ai-tools-for-ui
Velocity · 7d
+7.7
★ / day
Trend
steady
star history

What it does

This is an awesome-list repository that catalogs AI tools for UI/UX work. It splits into five buckets: “skills” (context files that teach agents design principles), standalone apps, MCP servers and plugins for AI editors, traditional design utilities, and reference resources. The maintainer marks personal picks with a star emoji.

The interesting bit

The real action is in the “skills” section — these are essentially taste transplants. Instead of hoping your AI agent stumbles into good typography, you feed it a markdown file packed with Swiss design grids or Emil Kowalski’s UI heuristics. It’s a tacit admission that raw LLMs design like 2012 Bootstrap graduates.

Key highlights

  • 15+ agent skills, including Anthropic’s official frontend-design skill and third-party files for shadcn/ui, Three.js, and YC-style web strategy
  • MCP servers that plug into Cursor/Windsurf/VS Code to generate or research UI components from text prompts
  • Apps like Google’s Stitch and 21st.dev for prompt-to-interface generation
  • Non-AI utilities mixed in: SVG loaders, real-time color previewers, handwriting-to-font converters
  • Editor’s Choice picks flagged with ⭐️ for standout entries like Taste Skill (anti-cookie-cutter) and Swiss Design System (grotesque typography, disciplined grids)

Caveats

  • “Awesome” lists age fast; the “last update” badge is your friend
  • Several listed tools are early-stage or single-maintainer projects with unclear longevity
  • The “Apps” section mixes genuinely AI-powered tools with component libraries that happen to market to AI builders

Verdict

Worth a bookmark if you’re vibe-coding interfaces and tired of manually fixing AI-generated spacing disasters. Skip it if you already have a design system and a human designer on speed dial.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.