← Back to Skills Marketplace
React Flow Code Review
by
Kevin Anderson
· GitHub ↗
· v1.1.1
· MIT-0
155
Downloads
0
Stars
1
Active Installs
2
Versions
Install in OpenClaw
/install react-flow-code-review
Description
Reviews React Flow code for anti-patterns, performance issues, and best practices. Use when reviewing code that uses @xyflow/react, checking for common mista...
Usage Guidance
This skill appears coherent for static code review of React Flow code. Before installing, ensure you only grant it access to repositories you intend it to scan (it needs read access to code to produce file:line citations). Confirm that the agent environment will not allow the skill to execute code or access external services without explicit consent. If you later see requests for API keys, shell execution, or network uploads, treat that as suspicious and re-evaluate. If you want higher assurance, run a test review on a small non-sensitive repo first and verify outputs and referenced file:line citations are accurate.
Capability Assessment
Purpose & Capability
Name/description match the operational steps in SKILL.md: it locates React Flow usage, checks provider boundaries, memoization, stable node/edge types, and reports file:line evidence. There are no unrelated env vars, binaries, or install actions requested.
Instruction Scope
SKILL.md instructs the agent to search the review scope and read source files to produce file:line citations and snippets — this is expected for a code-review skill, but it does imply the agent needs read access to the repository being reviewed. The instructions do not ask to access unrelated system files or external endpoints.
Install Mechanism
No install spec or code files are present (instruction-only), so nothing will be written to disk or downloaded during install.
Credentials
The skill declares no required environment variables, credentials, or config paths; the SKILL.md does not reference any secrets or external service tokens.
Persistence & Privilege
always is false and the skill does not request elevated or persistent platform privileges. It also does not indicate modifying other skills or global agent configuration.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install react-flow-code-review - After installation, invoke the skill by name or use
/react-flow-code-review - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.1.1
- Introduced a sequenced, evidence-based review workflow with explicit pass/fail conditions (“review gates”).
- Requires file path and line number (or quote) for all issue reports—no critical finding without citation.
- Moved performance and common mistake checklists into a close-out gate, with explicit status for each item (satisfied, not applicable with reason, or open with evidence).
- The skill content and examples remain, but guidance is now focused on minimum steps and non-ambiguous outputs.
v1.1.0
- Added comprehensive best practices guide for reviewing React Flow code, focusing on anti-patterns, performance, and common mistakes.
- Lists critical anti-patterns such as improper memoization, callback usage, and misuse of providers.
- Includes checklists for node/edge rendering, state updates, and viewport handling.
- Addresses common integration errors like missing container height, required CSS, and proper event handling.
- Highlights TypeScript tips for improved type safety with custom nodes and components.
- Provides review questions to ensure code quality and consistency.
Metadata
Frequently Asked Questions
What is React Flow Code Review?
Reviews React Flow code for anti-patterns, performance issues, and best practices. Use when reviewing code that uses @xyflow/react, checking for common mista... It is an AI Agent Skill for Claude Code / OpenClaw, with 155 downloads so far.
How do I install React Flow Code Review?
Run "/install react-flow-code-review" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is React Flow Code Review free?
Yes, React Flow Code Review is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does React Flow Code Review support?
React Flow Code Review is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created React Flow Code Review?
It is built and maintained by Kevin Anderson (@anderskev); the current version is v1.1.1.
More Skills