20 Anti-Slop Design alternatives
Anti-Slop Design: Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first. 20 agent skills do similar work, most sharing Frontend, UI Design and Accessibility, ranked by how much they have in common with Anti-Slop Design.
-
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: Design System, Frontend, UI Design
-
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, UI Design
-
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, UI 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.
Also: Accessibility, Frontend, UI Design
-
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
-
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
-
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
-
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 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 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 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 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
-
by ayghri
An output-style skill that stops a coding agent burying the answer: action first, numbered steps, state restated every turn, no preamble or filler.
Also: Accessibility
-
by content-designer (Christopher Greer)
Write and audit interface microcopy, from buttons to error messages, against four checkable quality standards.
Also: Accessibility
-
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
-
by Anthropic
Apply official brand colors and typography to any artifact that benefits from a consistent, on-brand look and feel.
Also: UI Design
-
by Anthropic
Create beautiful static visual art as PNG and PDF using real design philosophy — posters, artwork, and layouts.
Also: UI Design
