Skip to content
Diagnosis · Code

react-flow

Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting,…

Examining code for the line that is wrong

Works with
ClaudeChatGPTGeminiClaude CodeCodexCursorCopilotGemini CLI
Setup
One command
Best in a coding tool, where its scripts can run.
Contains
Instructions + 7 scripts
JavaScript.
Maintained
Last change 28 Sept 2026
On the repository’s main branch.

What it does

Use this skill to build, customize, debug, and optimize interactive node-based UIs with React Flow (@xyflow/react v12+). Covers everything from basic setup to advanced patterns like computed flows, sub-flows, and external layout integration.

When your AI uses it

Use when writing React Flow code, creating custom nodes or edges, debugging flow issues, optimizing graph performance, integrating with…

You don’t need to name it. Ask for the job in your own words — your AI loads the skill when the request matches.

What it can touch

  • Includes 7 scripts

    Your AI can run these when the skill is used — on your computer in a coding tool (which asks first unless you have told it not to), or in the AI’s own sandbox in Claude and ChatGPT.

    How we know

    Found in the skill’s folder: evals/cases/repair-flow/starter/App.tsx, evals/controls/keyboard-editor/App.tsx, evals/controls/repair-flow/App.tsx, scripts/check-docs.mjs….

  • Mentions an outside service

    The instructions point your AI at these sites or APIs. Anything it sends there leaves your computer.

    How we know

    Web addresses in the SKILL.md, excluding GitHub and documentation sites: reactflow.dev.

  • No known risk pattern found

    Launch7’s automated check read all 35 text files in this skill and matched none of its risk patterns. This is not a guarantee: a check like this can miss new or disguised tricks, and the author can change the files after the check.

    How we know

    Read 2026-10-05, commit b060a63 by pipeline/trust/analyze.py — 40+ patterns for hidden text, prompt injection, downloads that run, credential access and more. It reads; it never runs the skill.

  • Recently maintained

    Its repository has had changes recently.

    How we know

    Last push to framara/react-flow-skill: 2026-09-28 (7 days before the scan).

Read automatically from the skill’s own files on GitHub on 5 Oct 2026. Launch7 does not run or manually review skills: this lists what the check saw, and nothing here means “safe”. How we check

Add it to your AI

Partly. Upload it in Claude’s settings — the instructions work; the scripts need the full folder.

  1. Built in your browser from the SKILL.md on GitHub — nothing passes through Launch7.

  2. In Claude, open Customize → Skills, press +, then Create skill → Upload a skill, and choose the .zip.

  3. Make sure code execution is switched on (Settings → Capabilities). Skills need it.

  4. Start a new chat and ask for the job in your own words — Claude picks the skill up when it fits.

This skill ships 7 scripts beside its instructions. The download here is the SKILL.md alone — enough for the instructions, not for the parts that run code. Use the command route, or take the full folder from the repository.

How Claude does this: support.claude.com · checked 28 Sep 2026 · “Supported” means documented by the vendor; Launch7 has not run it end to end