React Flow
existential-birds/beagle/plugins/beagle-react/skills/react-flowby existential-birdsd1a74899fbfec74974d1818e4cac7c3d54d44b65No license83 starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 3 weeks ago
React Flow (@xyflow/react) for workflow visualization with custom nodes and edges. Use when building graph visualizations, creating custom workflow nodes, implementing edge labels, or controlling viewport. Triggers on ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/custom-edges.md | 9 KB | text/markdown |
| references/custom-nodes.md | 6.9 KB | text/markdown |
| references/events.md | 14.5 KB | text/markdown |
| references/viewport.md | 9.8 KB | text/markdown |
| SKILL.md | 11.9 KB | text/markdown |
Source and attribution
Source:existential-birds/beagleinplugins/beagle-react/skills/react-flowat commitd1a7489
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from existential-birds/beagle
React Router V7
existential-birds
React Router v7 guidance for data-driven routing, covering routes, loaders, actions, forms, fetchers and navigation.
React Flow Advanced
existential-birds
Advanced React Flow patterns for sub-flows, custom connection lines, drag-and-drop, undo/redo, dagre layout and store selectors.
React Flow Architecture
existential-birds
Architectural guidance for designing node-based UIs with React Flow, covering fit, state, integration and performance.
Langgraph Code Review
existential-birds
Reviews LangGraph code for bugs, anti-patterns and improvements in state, graph structure, async and checkpointing.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.