Does this skill help with the latest version of React Flow?

Yes, it is designed for @xyflow/react (React Flow 12+) and provides documentation snapshots that can be updated via the included fetch script.

Does this skill automatically write code for me?

This is a documentation skill that provides Claude with the context needed to write accurate code, but it does not modify your files directly.

Can I use this skill to find documentation for specific hooks?

Absolutely. You can use the search_docs tool or browse the api-reference category to find detailed info on hooks like useReactFlow or useEdgesState.

What is the difference between list_pages and search_docs?

list_pages allows you to browse documentation by category (like API or Learn), while search_docs finds specific keywords across titles and descriptions.

React Flow Documentation

Name: React Flow Documentation
Author: yteruel31

byyteruel31

0•

学习与文档

Accesses and searches the official @xyflow/react documentation to help you build interactive node-based UIs and flow editors.

The React Flow documentation skill empowers Claude with specialized knowledge of the @xyflow/react library, enabling it to retrieve precise API references, component details, and implementation guides. Whether you are building complex flow editors, custom nodes, or interactive diagrams, this skill provides the necessary context to implement features correctly without leaving the development environment. It includes tools for categorized browsing, full-page retrieval, and targeted searches across the entire React Flow documentation ecosystem.

主要功能

01Detailed section retrieval for focused implementation guidance

02Comprehensive coverage of React Flow hooks like useReactFlow and useNodes

03Targeted search functionality for hooks, nodes, and edges

040 GitHub stars

05Instant access to @xyflow/react API references and component props

06Categorized browsing of tutorials, concepts, and UI documentation

使用场景

01Researching best practices for creating custom nodes and edges

02Finding documentation and examples for complex flow state management

03Looking up specific props and event handlers for the ReactFlow component

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yteruel31/claude-marketplace react-flow

For use in Claude.ai and ChatGPT

Download Skill