Skip to content

Best UI Design agent skills

Produces interface designs — screens, components and layouts ready to hand over to a build. The 15 highest-ranked of the 17 agent skills tagged UI Design in the Onei AI catalogue.

Everything tagged UI Design: apps, skills and MCP servers Best UI Design AI tools (apps), ranked

  1. Anti-Slop Design

    Design & Creative

    by Ferousco-dev

    Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.

    Also: Design System, Frontend · Editor's pick · Copied 22 times

    Install Anti-Slop Design Anti-Slop Design alternatives

  2. Expo Native UI

    Development

    by Expo

    Expo's official skill for building native-feeling screens: Apple HIG styling, semantic colors, SF Symbols, native controls, Reanimated, blur and liquid glass.

    Editor's pick · Copied 3 times

    Install Expo Native UI Expo Native UI alternatives

  3. Stitch: Generate Design

    Design & Creative

    by Google Labs (Stitch)

    Google's official Stitch skill for generating and editing UI screens from text or images — with a mandatory prompt-enhancement pipeline before every call.

    Also: Design System, Frontend, MCP · Editor's pick

    Install Stitch: Generate Design Stitch: Generate Design alternatives

  4. Brand Guidelines

    Design & Creative

    by Anthropic

    Anthropic's own brand skill: applies Anthropic's colour palette and Poppins/Lora typography to slides, documents and other artifacts, a template for writing your own.

    Also: Designers · Copied 1 time

    Install Brand Guidelines Brand Guidelines alternatives

  5. Theme Factory

    Design & Creative

    by Anthropic

    Style any artifact with a cohesive theme — 10 preset color/font themes, or generate a new one on the fly for slides, docs, reports, and pages.

    Also: Designers, Frontend · Copied 1 time

    Install Theme Factory Theme Factory alternatives

  6. Web Design Guidelines

    DevelopmentDesign & CreativeTesting & QA

    by Vercel

    Vercel's official skill for auditing UI code against the Web Interface Guidelines — accessibility, performance and UX rules reported as terse file:line findings.

    Also: Frontend

    Install Web Design Guidelines Web Design Guidelines alternatives

  7. Frontend Design

    Design & Creative

    by Anthropic

    Guidance for distinctive, intentional UI design — aesthetic direction, typography, and choices that avoid looking like templated defaults.

    Also: Designers, Frontend

    Install Frontend Design Frontend Design alternatives

  8. Web Artifacts Builder

    Development

    by Anthropic

    A suite for building elaborate, multi-component HTML artifacts with modern frontend tooling — React, Tailwind CSS, and shadcn/ui.

    Also: Frontend

    Install Web Artifacts Builder Web Artifacts Builder alternatives

  9. Canvas Design

    Design & Creative

    by Anthropic

    Create beautiful static visual art as PNG and PDF using real design philosophy — posters, artwork, and layouts.

    Also: Designers

    Install Canvas Design Canvas Design alternatives

  10. Stitch: Build Loop

    DevelopmentDesign & Creative

    by Google Labs (Stitch)

    Google's official Stitch skill for autonomous multi-page site building — a baton file carries the next task from one agent iteration to the next.

    Also: Frontend, MCP

    Install Stitch: Build Loop Stitch: Build Loop alternatives

  11. Flutter Layout Error Fixes

    Development

    by Flutter

    The Flutter team's official skill for diagnosing and fixing constraint errors — RenderFlex overflows, unbounded viewports and misplaced ParentData widgets.

    Install Flutter Layout Error Fixes Flutter Layout Error Fixes alternatives

  12. Oil UI

    Design & Creative

    by oil-oil

    Interface-design skill that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.

    Also: Frontend

    Install Oil UI Oil UI alternatives

  13. MCP Apps Tool and Widget Generator

    Development

    by Microsoft

    Microsoft's official plugin that generates codeful MCP tools — a self-contained JS runtime plus JSON Schema metadata — and single-file HTML widgets to visualise their results.

    Also: MCP

    Install MCP Apps Tool and Widget Generator MCP Apps Tool and Widget Generator alternatives

  14. Stitch: Code to Design

    DevelopmentDesign & Creative

    by Google Labs (Stitch)

    Google's official Stitch skill that reverses the usual direction — turns an existing React, Vue, Angular or Vite front end back into an editable Stitch design.

    Also: Design System, Frontend, MCP

    Install Stitch: Code to Design Stitch: Code to Design alternatives

  15. Stitch: shadcn/ui

    DevelopmentDesign & Creative

    by Google Labs (Stitch)

    Google's official Stitch build skill for shadcn/ui — component discovery, installation, customisation and the conventions that keep a generated UI idiomatic.

    Also: Frontend, MCP

    Install Stitch: shadcn/ui Stitch: shadcn/ui alternatives

How this list is ranked

Ranked by 20 points for an editor's pick, plus 4 points per copy of the install command or SKILL.md up to 10, plus a point per 5 page views up to 100; ties go to the most recently updated. Discontinued skills are never ranked.

More ranked lists