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:

  1. 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.

  2. Apps — Full AI-powered applications you can use to design or build UIs, from website cloners to design-variation generators.

  3. 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.)

  4. Design Tools — Useful tools that are not AI-powered, like font generators, SVG loaders, color previewers, and component libraries.

  5. 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