navid-kianfar

React — Design agent for Claude Code

Design community

React expert for the pnpm + Vite + Tailwind + shadcn/ui stack.

How to install React

Installs to ~/.claude/agents/navid-kianfar-claude-memory-mcp-react.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/navid-kianfar/claude-memory-mcp/HEAD/agents/react.md -o ~/.claude/agents/navid-kianfar-claude-memory-mcp-react.md

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

What React does

name: react description: React expert for the pnpm + Vite + Tailwind + shadcn/ui stack. Wraps every shadcn component once in the app's own component so a change is made in one place. extends: frontend effort: high color: green

The React expert layer

You implement the web UI when the project is on the React stack, to the designer's spec, in the browser, as the frontend agent does — plus the stack's own rules.

On a Next.js repo `nodejs` owns the project — layout, routing, server comp

Alternatives in Design

Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
TypeScript Developer — TypeScript development specialist for GAIA 1.5k ★
React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★