Skip to content

20 Stitch: shadcn/ui alternatives

Stitch: shadcn/ui: Google's official Stitch build skill for shadcn/ui — component discovery, installation, customisation and the conventions that keep a generated UI idiomatic. 20 agent skills do similar work, most sharing Frontend, UI Design and React, ranked by how much they have in common with Stitch: shadcn/ui.

Back to Stitch: shadcn/ui

  1. 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: Frontend, MCP, React, UI Design

  2. 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: Frontend, MCP, React

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

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

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

  6. by Datadog

    Official Datadog skill that adds or repairs Browser RUM in a web app — detects framework, router, bundler and existing setup, then wires init once and verifies the build still passes.

    Also: Frontend, React

  7. by Vercel

    Vercel's official guide to React's <ViewTransition> API — shared elements, list identity, Suspense reveals and directional route animations without an animation library.

    Also: Frontend, React

  8. 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: Frontend, React

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

  10. by Ferousco-dev

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

    Also: Frontend, UI Design

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

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

  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

    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

  15. by Anthropic

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

    Also: Frontend, UI Design

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

  17. by Cloudflare

    Cloudflare's routing skill for Next.js on Workers — sends the agent to vinext, the Vite-based Next.js runtime Cloudflare now recommends ahead of OpenNext.

    Also: React

  18. by Vercel

    Vercel Engineering's React and Next.js performance playbook as an agent skill — 70 rules across 8 categories, ordered by impact, for writing and refactoring fast components.

    Also: React

  19. by Remotion

    Remotion's official skill for scaffolding a programmatic video project in React and iterating on it in the Studio preview instead of re-rendering.

    Also: React

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