coollabsio

React Architect — Design agent for Claude Code

Design community

Use this agent when you need expert guidance on React application architecture, component design, performance optimization, or code quality improvements.

How to install React Architect

Installs to ~/.claude/agents/coollabsio-jean-react-architect.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/coollabsio/jean/HEAD/.claude/agents/react-architect.md -o ~/.claude/agents/coollabsio-jean-react-architect.md

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

What React Architect does

name: react-architect description: Use this agent when you need expert guidance on React application architecture, component design, performance optimization, or code quality improvements. This agent is specifically tuned for this project's tech stack (Tauri v2, React 19, shadcn/ui v4, Tailwind v4, Zustand v5, Vitest v3) and should be used for: reviewing React component implementations, optimizing rendering performance, designing component hierarchies, implementing state management patterns,

Alternatives in Design

General Frontend Developer — Use this agent proactively when you need expert guidance on frontend development tasks including UI/UX impleme 248 ★
Sub-Agent Architecture Reviewer Command — Analyzes system architecture, detects violations, suggests improvements, and generates visual documentation us 116 ★
Hexagonal Backend Architect — Use this agent when you need to design, review, or refactor backend TypeScript code following hexagonal archit 76 ★