Best Frontend agent skills
Client-side web work: components, styling, routing and everything the user actually sees. The 15 highest-ranked of the 30 agent skills tagged Frontend in the Onei AI catalogue.
Everything tagged Frontend: apps, skills and MCP servers
-
by Ferousco-dev
Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.
Also: Design System, UI Design · Editor's pick · Copied 22 times
-
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.
Also: Official · Editor's pick · Copied 1 time
-
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, UI Design · Editor's pick
-
by GreenSock
GreenSock's official ScrollTrigger skill — scroll-linked animation, pinning, scrub and trigger positioning, with the exact start/end syntax agents get wrong.
Editor's pick
-
by Hugging Face
Build Gradio web UIs and ML demos in Python with the current API — components, layouts, events, and chat interfaces.
Editor's pick
-
by juliobsz
Two agent skills: /awwwards builds award-caliber websites from one line, and /jury scores any site the way an Awwwards jury would.
Copied 2 times
-
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: UI Design · Copied 1 time
-
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
-
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
Guidance for distinctive, intentional UI design — aesthetic direction, typography, and choices that avoid looking like templated defaults.
Also: UI Design
-
by Cloudflare
Turns “set up Turnstile” into a working end-to-end bot check — widget, frontend snippets, canonical server-side siteverify, and a real validation pass before it reports success.
-
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, Official, TypeScript
-
by Anthropic
A suite for building elaborate, multi-component HTML artifacts with modern frontend tooling — React, Tailwind CSS, and shadcn/ui.
Also: TypeScript, UI Design
-
by Anthropic
Interact with and test local web applications using Playwright — verify frontend behavior, debug UI, capture screenshots, and read browser logs.
-
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: TypeScript
How this list is ranked
Ranked by 20 points for an editor's pick, plus 4 points per copy of the install command or SKILL.md up to 10, plus a point per 5 page views up to 100; ties go to the most recently updated. Discontinued skills are never ranked.