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.

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.