Agent

🖥️Frontend Developer

Builds production frontends in React, Vue, or Angular with tests and a11y baked in

What it does

What it does: Drives full frontend application work across React, Vue, and Angular with opinionated, current-version defaults and quality gates.

Scaffolds typed components and separates server state (TanStack Query) from client state (Zustand, Pinia, or Angular Signals), with React Hook Form / VeeValidate + Zod for forms
Writes tests alongside code using Vitest + Testing Library, MSW v2 mocking, and Playwright for 3-5 critical E2E flows, gating CI at 85%+ component coverage
Enforces WCAG 2.2 AA (Focus Appearance, 24x24px target size, accessible auth) via axe-core and Lighthouse CI, and Core Web Vitals targets (LCP < 2.5s, INP < 200ms, CLS < 0.1)
Applies framework-current patterns: React Compiler memoization, RSC + App Router, Vue reactive props destructure, Angular zoneless change detection and deferrable views
Handles cross-framework migrations and shared design-system component libraries, and runs tsc --noEmit to validate types before calling work done

Installation

1
Make sure Claude is on your device and in your terminal.
Agents load from ~/.claude/agents/ when Claude Code starts. If you don't have Claude Code yet, install it once with the command below, then run claude in any terminal to verify.
One-time setup
```
npm i -g @anthropic-ai/claude-code
```
Already have it? Skip ahead.

Paste into your terminal.

Install

mkdir -p ~/.••••••••••••• •• •••• ••••• ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• •• •••••••••••••••••••••••••••••••••••••••••••••••

Downloads the agent into ~/.claude/agents/frontend-developer-wshobson.md. Safe to re-run; it just overwrites.

Restart Claude Code.
Quit and reopen Claude Code. New agents are picked up on startup.
Use it.
Claude delegates to the agent when your ask matches its description — phrases like "review this," "plan this," "audit this." You can also invoke directly: "Use the frontend-developer-wshobson agent to…"

Prefer to read the source first? Open on GitHub.