What is fbp-graph-editor?
Houdini-inspired graph editor for Flow-Based Programming built with React. Use when building or customizing a visual graph editor, working with the @fbp/graph-editor package. Source: constructive-io/constructive-skills.
·fbp-graph-editor
</>
fbp-graph-editor
✓constructive-io/constructive-skillsGitHub: constructive-io/constructive-skillsSource: constructive-io/constructive-skills
Houdini-inspired graph editor for Flow-Based Programming built with React. Use when building or customizing a visual graph editor, working with the @fbp/graph-editor package.
Installation
How to Install fbp-graph-editor
Quickly install fbp-graph-editor AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor
- 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: constructive-io/constructive-skills.
SKILL.md
View rawHoudini-inspired graph editor for Flow-Based Programming built with React.
@fbp/graph-editor is a React component for visual editing of FBP graphs. It features an SVG-based canvas with pan/zoom, node rendering with fully-qualified type paths, Bezier edge connections, selection system, properties panel, and subgraph navigation.
The editor uses SVG for rendering, providing crisp visuals at any zoom level. Pan and zoom are supported via mouse/trackpad gestures.
Houdini-inspired graph editor for Flow-Based Programming built with React. Use when building or customizing a visual graph editor, working with the @fbp/graph-editor package. Source: constructive-io/constructive-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-03-10
- Updated
- 2026-03-10
Quick answers
How do I install fbp-graph-editor?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor 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/constructive-io/constructive-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-03-10