20 Frontend Design alternatives
Frontend Design: Guidance for distinctive, intentional UI design — aesthetic direction, typography, and choices that avoid looking like templated defaults. 20 agent skills do similar work, most sharing UI Design, Frontend and Code Generation, ranked by how much they have in common with Frontend Design.
-
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
Apply official brand colors and typography to any artifact that benefits from a consistent, on-brand look and feel.
-
by Anthropic
Create beautiful static visual art as PNG and PDF using real design philosophy — posters, artwork, and layouts.
-
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: Code Generation, UI Design
-
by Anthropic
Create generative art with p5.js — flow fields, particle systems, and seeded randomness with interactive parameter exploration.
-
by Svelte
The official Svelte team skill that wires an agent to the @sveltejs/mcp CLI for Svelte 5 docs lookup and an autofixer that validates components before you ship them.
Also: Code Generation, Frontend
-
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 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 Anthropic
A suite for building elaborate, multi-component HTML artifacts with modern frontend tooling — React, Tailwind CSS, and shadcn/ui.
-
by Senzing
Drives the Senzing MCP server through the real entity-resolution jobs: map a messy CSV to Senzing's format, scaffold SDK code in five languages, decode error codes, migrate V3 to V4.
Also: Code Generation
-
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: Code Generation
-
by TestMu AI
TestMu AI's official skill for generating production-grade Playwright suites in TypeScript, JavaScript, Python, Java or C#, locally or on a 3,000-combination browser cloud.
Also: Code Generation
-
by Anthropic
Build, read, and edit PowerPoint presentations — slides, layouts, templates, speaker notes, and comments.
Also: Designers
-
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
