maxbogo/awesome-ai-tools-for-ui
Curated list of awesome AI tools to build beautiful UI/UX.
What this project is
awesome-ai-tools-for-ui is a curated list (a "awesome list," in open-source tradition) of tools that help people build attractive user interfaces (UI) and user experiences (UX) — with a strong focus on AI-powered tools. It currently lists 64 tools, and the maintainer keeps it updated.
Think of it as a hand-picked directory: instead of searching the web for "AI design tools," you get one page where each entry has a short description and a link.
How it's organized
The list is split into five sections, each with a one-line explanation of what belongs there:
Skills — Instructions ("skills") that you can give to AI coding assistants like Claude Code or Cursor, teaching them design principles (typography, spacing, color, visual hierarchy) so they generate better-looking interfaces instead of generic ones.
Apps — Full AI-powered applications you can use to design or build UIs, from website cloners to design-variation generators.
MCP Servers & Plugins — Plugins and servers that add design capabilities to AI code editors. (MCP stands for Model Context Protocol — a standard way for AI tools to connect to external data and services.)
Design Tools — Useful tools that are not AI-powered, like font generators, SVG loaders, color previewers, and component libraries.
Resources — Learning materials, design references, and inspiration: UX laws, design wikis, motion examples, and guides for designing AI-powered products.
Notable details
Editor's Choice: A few entries are marked with a ⭐️ star, meaning the maintainer personally recommends them. Examples include Impeccable (design commands for AI agents), Taste Skill (prevents cookie-cutter AI designs), Swiss Design System, 21st.dev (UI component library), Variant (AI design variations), and The Shape of AI (UX patterns for AI interfaces).
Contribution: The README invites readers to suggest missing tools by creating a pull request on GitHub or messaging the maintainer on X (Twitter).
Maintenance: The list shows a "last update" badge, indicating it's actively maintained.
In short
If you're a developer or designer working with AI tools and want to make your interfaces look better, this list is a starting point — a single, organized reference of skills, apps, plugins, design utilities, and learning resources, each with a brief description and a link to explore further.
Related
- Project
- Project
- Project
- Project