skills.rest
framaraframaraCommunity·1 Agent Skills Included

react-flow-skill

Expert React Flow guidance for node-based UI development

Guides building, debugging, and optimizing interactive node-based UIs with React Flow v12. Covers custom nodes and edges, state management, layouting, TypeScript patterns, and performance tuning. Eliminates common pitfalls like blank canvases, broken edges, and re-render issues with a 12-rule behavior contract. Includes migration help, Playwright E2E testing patterns, and ready-made recipes for faster delivery.
43|7
↗
npx skills add framara/react-flow-skill --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
framaraframara

react-flow

Guide building and debugging React Flow node-based UIs with @xyflow/react.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install react-flow-skill?▼

Run `npx skills add framara/react-flow-skill --all -g -y` in your terminal to install it globally for all projects.

What does react-flow-skill help with?▼

It gives your coding assistant expert React Flow knowledge for building node-based UIs, including custom nodes, edges, layouting, state management, and performance optimization.

Can it fix a blank React Flow canvas?▼

Yes. It includes a troubleshooting guide and a 12-rule contract that catches the most common causes, like missing container height or a missing stylesheet import.

Does it help migrate from legacy reactflow to v12?▼

Yes. A dedicated migration reference covers the package rename to @xyflow/react, import changes, and API differences.

Does react-flow-skill work with Claude Code and Cursor?▼

Yes. It follows the universal SKILL.md standard, so it activates automatically in Claude Code, Cursor, and other compatible coding assistants.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills