20 Web Design Guidelines alternatives
Web Design Guidelines: Vercel's official skill for auditing UI code against the Web Interface Guidelines — accessibility, performance and UX rules reported as terse file:line findings. 20 agent skills do similar work, most sharing Frontend, UI Design and Official, ranked by how much they have in common with Web Design Guidelines.
-
by Vercel
Audit UI code against Vercel's Web Interface Guidelines — accessibility, interaction, performance and layout rules — reported as terse file:line findings.
Also: Accessibility, Frontend, Vercel
-
by Ferousco-dev
Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.
Also: Accessibility, Frontend, UI Design
-
by Vercel
Vercel's official skill for reviewing documentation and prose against its writing handbook — voice, structure, code samples and typography, reported as file:line findings.
Also: Code Review, Official, Vercel
-
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.
-
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.
-
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: Code Review, Vercel
-
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: Accessibility, Frontend
-
by Vercel
Vercel's official deployment skill — inspects project state, picks the right deploy path, and defaults to preview deployments with a claimable URL when no account is linked.
-
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 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 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 Anthropic
A suite for building elaborate, multi-component HTML artifacts with modern frontend tooling — React, Tailwind CSS, and shadcn/ui.
-
by Inngest
An evidence-first audit skill: walk an existing TypeScript repo, name the exact call sites where background work can be lost, and land an incremental durability plan.
Also: Code Review, Official
-
by WordPress
Official WordPress skill for Gutenberg block work: block.json, attributes and serialization, dynamic rendering, and the deprecation path that keeps existing content valid.
-
by Anthropic
Anthropic's official data-visualization skill: pick the right chart for the data, then build it with ready-to-run matplotlib, seaborn, and plotly patterns.
Also: Accessibility
