← 返回 Skills 市场
React Flow Code Review
作者
Kevin Anderson
· GitHub ↗
· v1.1.1
· MIT-0
155
总下载
0
收藏
1
当前安装
2
版本数
在 OpenClaw 中安装
/install 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...
安全使用建议
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.
能力评估
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.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install react-flow-code-review - 安装完成后，直接呼叫该 Skill 的名称或使用
/react-flow-code-review触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
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.
元数据
常见问题
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... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 155 次。
如何安装 React Flow Code Review？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install react-flow-code-review」即可一键安装，无需额外配置。
React Flow Code Review 是免费的吗？
是的，React Flow Code Review 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
React Flow Code Review 支持哪些平台？
React Flow Code Review 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 React Flow Code Review？
由 Kevin Anderson（@anderskev）开发并维护，当前版本 v1.1.1。
推荐 Skills