20 Web Artifacts Builder alternatives
Web Artifacts Builder: A suite for building elaborate, multi-component HTML artifacts with modern frontend tooling — React, Tailwind CSS, and shadcn/ui. 20 agent skills do similar work, most sharing Frontend, UI Design and TypeScript, ranked by how much they have in common with Web Artifacts Builder.
-
by Microsoft
Microsoft's official plugin that builds whole model-driven Power Apps — tables, forms, views, security roles and generative pages — from a natural-language brief.
Also: App Builder, TypeScript
-
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.
-
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.
-
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.
-
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.
-
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.
-
by Ferousco-dev
Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.
-
by oil-oil
Interface-design skill that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.
-
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.
-
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.
-
by Anthropic
Guidance for distinctive, intentional UI design — aesthetic direction, typography, and choices that avoid looking like templated defaults.
-
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, TypeScript
-
by Svelte
The Svelte team's own guidance on writing modern Svelte 5 — when to reach for each rune, why effects are an escape hatch, and the reactivity traps models fall into.
Also: Frontend, TypeScript
-
by Sanity
Sanity's official agent skill — schema design, GROQ, TypeGen, Visual Editing, Portable Text, Studio structure, localization, Functions and Blueprints, plus integration guides for eight frontend frameworks.
Also: Frontend, TypeScript
-
by Angular (Google)
Angular's official skill for generating idiomatic modern Angular — signals, resource and httpResource, forms, DI, routing, SSR, ARIA and CLI scaffolding.
Also: Frontend, TypeScript
-
by Microsoft
Microsoft's official plugin that connects a coding agent to a live Power Apps Studio session to author Canvas App screens, controls and formulas.
Also: App Builder
-
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
-
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: UI Design
-
by Flutter
The Flutter team's official skill for diagnosing and fixing constraint errors — RenderFlex overflows, unbounded viewports and misplaced ParentData widgets.
Also: UI Design
-
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
