fbp-graph-editor とは？
React で構築された、Houdini からインスピレーションを得たフローベース プログラミング用のグラフ エディターです。 @fbp/graph-editor パッケージを操作して、ビジュアル グラフ エディターを構築またはカスタマイズするときに使用します。 ソース: constructive-io/constructive-skills。
·fbp-graph-editor
</>
fbp-graph-editor
✓constructive-io/constructive-skillsGitHub: constructive-io/constructive-skillsソース: constructive-io/constructive-skills
React で構築された、Houdini からインスピレーションを得たフローベース プログラミング用のグラフ エディターです。 @fbp/graph-editor パッケージを操作して、ビジュアル グラフ エディターを構築またはカスタマイズするときに使用します。
fbp-graph-editor のインストール方法
コマンドラインで fbp-graph-editor AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: constructive-io/constructive-skills。
SKILL.md
原文を見るHoudini-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.
React で構築された、Houdini からインスピレーションを得たフローベース プログラミング用のグラフ エディターです。 @fbp/graph-editor パッケージを操作して、ビジュアル グラフ エディターを構築またはカスタマイズするときに使用します。 ソース: constructive-io/constructive-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-03-10
- 更新日
- 2026-03-10
クイックアンサー
fbp-graph-editor のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/constructive-io/constructive-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-03-10