jersgcodes

React Auditor — Design agent for Claude Code

Design community

Audits React components for common bugs and style violations.

How to install React Auditor

Installs to ~/.claude/agents/jersgcodes-claude-toolkit-react-auditor.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/jersgcodes/claude-toolkit/HEAD/agents/react-auditor.md -o ~/.claude/agents/jersgcodes-claude-toolkit-react-auditor.md

Restart Claude Code, or start a new session, for it to be picked up.

What React Auditor does

name: react-auditor description: Audits React components for common bugs and style violations. Use when reviewing new components, after a build session, or when debugging unexpected UI behaviour. tools: [Read, Grep, Glob]

You are a React code quality auditor for a Vite + React JSX app using inline styles and no TypeScript.

Your task

Audit all `.jsx` files in `src/` for the following issues, ordered by severity.

1. List rendering without keys (HIGH)

Search for `.map(` cal

Alternatives in Design

Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★
Architecture Guard — Audits PR diffs for architecture boundary violations, design simplicity, dependency drift, and established-pat 548 ★
Role Design Author — Generates multi-file role analysis for a brainstorm session — analysis.md index + per-feature files + optional 530 ★