Skip to content

20 Stitch: Generate Design alternatives

Stitch: Generate Design: Google's official Stitch skill for generating and editing UI screens from text or images — with a mandatory prompt-enhancement pipeline before every call. 20 agent skills do similar work, most sharing UI Design, Frontend and MCP, ranked by how much they have in common with Stitch: Generate Design.

Back to Stitch: Generate Design

  1. by Google Labs (Stitch)

    Google's official Stitch skill for distilling a project into a DESIGN.md — a semantic design system agents can read before they generate anything.

    Also: Design System, Frontend, MCP, UI Design

  2. 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, UI Design

  3. 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, UI Design

  4. by Figma

    Figma's official design-to-code skill — a mandatory pre-step to get_design_context that turns a Figma node into components matching your real stack, not generic markup.

    Also: Design System, Frontend, MCP

  5. 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, UI Design

  6. 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, UI Design

  7. by Vercel

    Vercel's official skill for React component architecture — replace boolean prop proliferation with compound components, lifted state and explicit variants. Includes React 19 APIs.

    Also: Design System, Frontend

  8. 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, UI Design

  9. 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, UI Design

  10. 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, UI Design

  11. 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: Frontend, UI Design

  12. by Anthropic

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

    Also: Frontend, UI Design

  13. by Cloudflare

    Audits Core Web Vitals through the Chrome DevTools MCP server — LCP, INP, CLS plus FCP, TBT and Speed Index — and traces each one back to the render-blocking resource or layout shift causing it.

    Also: Frontend, MCP

  14. by Anthropic

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

    Also: Frontend, UI Design

  15. by Cathryn Lavery

    Agent skill that draws 40+ editorial diagram types as self-contained HTML and SVG, matched to your brand, with no Mermaid look.

    Also: UI Design

  16. by Anthropic

    Apply official brand colors and typography to any artifact that benefits from a consistent, on-brand look and feel.

    Also: UI Design

  17. by Anthropic

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

    Also: UI Design

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

    Also: UI Design

  19. by SerpApi

    A protocol for measuring whether agents can discover and use your tool without being told about it — WITH/WITHOUT trials, binary scoring, and lift as the only metric. The subject under test is your docs, not the model.

    Also: MCP

  20. by OpenAI

    OpenAI's skill for driving Linear through its MCP server: a read-first workflow for issue triage, sprint planning, documentation audits and workload balancing, with the MCP setup and OAuth steps written out.

    Also: MCP