Frontend Code Reviewer — Development agent for Claude Code
Use this agent when reviewing Next.js/React frontend code changes in the web/ directory.
How to install Frontend Code Reviewer
Installs to ~/.claude/agents/brokle-ai-brokle-frontend-code-reviewer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/brokle-ai/brokle/HEAD/.claude/agents/frontend-code-reviewer.md -o ~/.claude/agents/brokle-ai-brokle-frontend-code-reviewer.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend Code Reviewer does
name: frontend-code-reviewer description: Use this agent when reviewing Next.js/React frontend code changes in the web/ directory. This includes reviewing component implementations, hooks, API clients, state management, routing changes, and UI components. The agent should be invoked after implementing or modifying frontend features, components, pages, or utilities.\n\nExamples:\n\n\nContext: User has just implemented a new dashboard component for analytics visualization.\nuser: "I'v
Alternatives in Development
- React Modernization — Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods 31.9k ★
- Civitai Reuse Review — Reviews a feature segment in the main Civitai Next.js app (src/) for code that was rebuilt when it already exi 7.2k ★
- User Guide Expert — Use this agent when you need to create, update, or improve user-facing documentation in the docs/userguide dir 1.2k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
TypeScript Expert
Use this agent when you need to write, refactor, analyze, or optimize any TypeScript code. This includes creat
Component Reviewer
Expert component reviewer for Claude Code Templates. Use PROACTIVELY when adding or modifying components in cl
Polar Payments Expert
Use this agent when implementing, reviewing, or troubleshooting Polar payment integration in the Next.js appli
Frontend React Engineer
Specializes in React/TypeScript frontend development following TDD and component-driven development. Uses Spec
Rn Reviewer
Reviews React Native code changes for correctness and performance. Use when reviewing a diff, a pull request,
Slack Webapp
Implements features in Slack's webapp monorepo (Hack backend + React/TypeScript frontend). Leverages webapp's
Related Skills
React Crusade
Unleash parallel React Purist agents to audit component architecture, hook discipline, state management, and e
Coding Conventions
Enforces client coding conventions. Use when writing, reviewing, or modifying React/TypeScript code in the cli
Symptomsync Review
Use when reviewing code, plans, or diffs in this repository. Apply it to frontend, SQL, AI-service, infrastruc