Summary
This catches the usual React Flow footguns: nodeTypes defined inside components that cause every node to remount, missing memo wrappers that kill performance, and useReactFlow called outside the provider boundary. It walks through five review gates in sequence, from locating flow code to closing out checklists on performance and common mistakes. The real value is in the concrete antipatterns with file:line citations, things like inline callbacks breaking memoization and mutating node state directly. If you're code reviewing anything that uses @xyflow/react, this gives you a structured checklist so you're not just eyeballing for problems.
Install to Claude Code
npx -y skills add existential-birds/beagle --skill react-flow-code-review --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →First SeenJun 3, 2026
