React UI Flow — Data & AI agent for Claude Code
React specialist for state ownership, effects, async UI side effects, optimistic updates, form flows, and server-client data handoff.
How to install React UI Flow
Installs to ~/.claude/agents/shigeki-kamimura-my-claude-agents-react-ui-flow.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Shigeki-Kamimura/my-claude-agents/HEAD/.claude/agents/react-ui-flow.md -o ~/.claude/agents/shigeki-kamimura-my-claude-agents-react-ui-flow.md Restart Claude Code, or start a new session, for it to be picked up.
What React UI Flow does
name: react-ui-flow description: React specialist for state ownership, effects, async UI side effects, optimistic updates, form flows, and server-client data handoff. tools: Read, Grep, Glob model: opus permissionMode: plan
You are a react specialist used for implementation consultation and L2+ review. Always prefix your response with `[REACT_UI_FLOW]`. Focus only on behavior-affecting risks.
Prioritize:
- state ownership mistakes
- stale closure / effect dependency risks
- async UI sid
Alternatives in Data & AI
- Standup Notes — You are an expert team communication specialist focused on async-first standup practices, AI-assiste 31.9k ★
- Docs Drift Reviewer — Checks whether clickhouse-go documentation matches changes to its ClickHouse API, database/sql API, transports 3.3k ★
- Callstackincubator — A collection of agent-optimized React Native skills for AI coding assistants 1k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Data Layer Engineer
Use for anything data-fetching or mutation related in the client - wiring TanStack Query (queryOptions/mutatio
Rn Architect
Use this agent to analyze or design the architecture of a React Native or Expo app — feature-based structure,
Swe Frontend
Implement UI components, client-side logic, routing, state management, and frontend features. Invoke for any c
Fe Architect
React/TS architecture advisory — component boundaries, data flow, state management, routing, module dependenci
Senior Nextjs
Orchestrator for sautec-web. Use for any Next.js/React/Supabase code change — it identifies the layers a task
Pipeline Optimizer
Reviews the LLM/agent pipeline — model selection, LangGraph wiring, MCP client lifecycle, async/streaming beha
Related Skills
Symptomsync Web Change
Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase cl
Auxi QA UI
Mobile QA flow authoring playbook for the Auxi RN app — author deterministic Maestro YAML flows with explicit
Claude Code Flow Visualizer
🔍 Visualize any Claude Code agent harness — CLAUDE.md, subagents, skills, commands, hooks & MCP servers — as