·react-flow
</>

react-flow

Analyze, repair, migrate, and scaffold @xyflow/react codebases. Use when users ask to debug React Flow behavior, fix node/edge state wiring, improve type safety or performance, upgrade legacy React Flow APIs, preserve persisted graph compatibility, or generate a complete React Flow starter from scratch.

11Installs·0Trend·@fatih-developer

Installation

$npx skills add https://github.com/fatih-developer/fth-skills --skill react-flow

How to Install react-flow

Quickly install react-flow AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/fatih-developer/fth-skills --skill react-flow
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: fatih-developer/fth-skills.

SKILL.md

View raw

Execute this protocol in order. Keep fixes small, reversible, and validated.

Analyze, repair, migrate, and scaffold @xyflow/react codebases. Use when users ask to debug React Flow behavior, fix node/edge state wiring, improve type safety or performance, upgrade legacy React Flow APIs, preserve persisted graph compatibility, or generate a complete React Flow starter from scratch. Source: fatih-developer/fth-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/fatih-developer/fth-skills --skill react-flow Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Security certified for safe and reliable code One-click installation with simplified configuration Compatible with Claude Code, Cursor, OpenClaw, and more

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/fatih-developer/fth-skills --skill react-flow
Category
</>Dev Tools
Verified
First Seen
2026-03-09
Updated
2026-03-10

Browse more skills from fatih-developer/fth-skills

Quick answers

What is react-flow?

Analyze, repair, migrate, and scaffold @xyflow/react codebases. Use when users ask to debug React Flow behavior, fix node/edge state wiring, improve type safety or performance, upgrade legacy React Flow APIs, preserve persisted graph compatibility, or generate a complete React Flow starter from scratch. Source: fatih-developer/fth-skills.

How do I install react-flow?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/fatih-developer/fth-skills --skill react-flow Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/fatih-developer/fth-skills