Harness Frontend Dev — Testing & QA agent for Claude Code
Frontend engineer — UI components, styling, client state, forms, routing and accessibility, implemented against DESIGN.md and built test-first.
How to install Harness Frontend Dev
Installs to ~/.claude/agents/mruangutai-harness-harness-frontend-dev.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/mruangutai/harness/HEAD/.claude/agents/harness-frontend-dev.md -o ~/.claude/agents/mruangutai-harness-harness-frontend-dev.md Restart Claude Code, or start a new session, for it to be picked up.
What Harness Frontend Dev does
name: harness-frontend-dev description: Frontend engineer — UI components, styling, client state, forms, routing and accessibility, implemented against DESIGN.md and built test-first. Use when the work is what a user sees or operates. tools:
- Read
- Glob
- Grep
- Edit
- Write
- Bash color: cyan model: sonnet effort: medium skills:
- harness-handoff
- harness-expertise
- harness-principles
- harness-tdd-enforcement
- harness-code-risk-grading
- harness-digest-dev
HARNESS_AGENT_ID: harne
Alternatives in Testing & QA
- Visual Testing Agent (Playwright MCP) — You are the TESTER - the visual QA specialist who SEES and VERIFIES implementations using Playwright MCP 316 ★
- Frontend Test Engineer — Use this agent when you need to create, review, or improve unit tests for React frontend components, hooks, an 76 ★
- Gsd UI Researcher — Produces UI-SPEC.md design contract for frontend phases 62 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Spgr Agent Frontend Developer
Implements client-side features from confirmed screen specs, design system, and API spec, test-first, with eve
Frontend Agent
Generates complete frontend code (all pages, components, styling) by invoking the frontend-design and ui-ux-pr
Feature Architect
Use to turn a vague client ask into a buildable feature spec — scoping, decisions-needed identification, skill
QA Runner
Executes one or more structured QA tests (from qa/tests/structured/.yaml) in order against a specified iOS sim
Sf Lwc Agent
Build, test, and review LWC with SLDS, accessibility, wire, and events. Use built in lightning components firs
Rialto Prop Drift Detector
Use this agent when files in packages/rialto/src/components/ are added or modified, OR when accessibility / un
Related Skills
React AI Bootcamp
A 2–3 week React course covering components, hooks, routing, and styling. Build real projects using AI tools l
Fulcro Skills
Fulcro full-stack framework: defsc components, idents, normalized client DB, mutations, df/load!, dynamic rout
Component Gen
Generate React or Vue components with prop types, styling, accessibility, and tests