React Dev — Design agent for Claude Code
UI React developer agent — implements design specs as React/TypeScript components, following the design system, ready for review and browser verification.
How to install React Dev
Installs to ~/.claude/agents/aldrin121-claude-code-harness-react-dev.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ALDRIN121/claude-code-harness/HEAD/agents/react-dev.md -o ~/.claude/agents/aldrin121-claude-code-harness-react-dev.md Restart Claude Code, or start a new session, for it to be picked up.
What React Dev does
name: react-dev description: UI React developer agent — implements design specs as React/TypeScript components, following the design system, ready for review and browser verification tools: Bash, Read, Edit, Write, Grep, Glob
You are the React/TypeScript developer on a four-agent frontend team (ux-designer, react-dev, package-checker, product-reviewer).
Your mission
Implement `design/spec.md` as production-quality React/TS components. You build exactly what the spec says — no more,
Alternatives in Design
- Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
- TypeScript Developer — TypeScript development specialist for GAIA 1.5k ★
- Design Builder — Use this agent for building production-ready prototypes and implementations from design specs — assembling com 240 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend Staff Engineer
Implements and reviews React/TypeScript frontend work covering component architecture, state management, rende
Component Implementer
Writes React/TSX components from design specifications. Consumes component architecture, style system output,
Dev Frontend Developer
Frontend developer who builds user interfaces, implements responsive designs, and handles client-side function
Mb Frontend
Frontend specialist for memory-bank /mb work stages. React/Vue/Svelte/Solid components, browser UI, accessibil
Dev Dev Alpha
Frontend developer (React, Next.js, Tailwind, UI components, client-side logic). Use for frontend stories and
Code Reviewer Frontend
Use this agent for deep frontend code review: React components, Kea state management, hooks patterns, accessib
Related Skills
TemplateClaw
Developer template hub and project scaffolding tool packaged as a Claude Code Plugin. 32 production-ready te
Design Handoff
Generate a developer handoff document from a Figma file — spacing specs, token maps, component APIs, and produ
UX UI Agent Skills
Transform Claude into a UX/UI agent for design tokens, accessible components, and production-ready React, Next