react-flow-code-review
CommunityAudit React Flow code for performance and quality
Software Engineering#performance#code-review#memoization#design-patterns#web-ui#react-flow#node-types
AuthorLrmdom
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Reviews React Flow code to identify anti-patterns, performance issues, and best practices. Use this skill during code reviews of node-based UIs built with React Flow to ensure maintainable and efficient implementations.
Core Features & Use Cases
- Anti-pattern detection: highlights common pitfalls such as defining nodeTypes inside render, missing memoization, inline callbacks, and improper provider usage.
- Performance optimization: suggests memoization, useCallback, and stable node/edge definitions to reduce re-renders.
- Best-practices guidance: provides actionable recommendations for robust React Flow integrations and maintainable codebases.
Quick Start
Review a React Flow implementation to surface common anti-patterns and apply the recommended performance improvements.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-flow-code-review Download link: https://github.com/Lrmdom/patrimonio-pwa/archive/main.zip#react-flow-code-review Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.