Svelte Flow を使用して、ノードベースのエディター、インタラクティブな図、フローの視覚化を構築します。ワークフロー エディター、データ フロー図、組織図、マインドマップ、プロセスの視覚化、DAG エディター、または対話型のノードグラフ UI を作成するときに使用します。カスタム ノード/エッジ、レイアウト (ダグレ、階層)、アニメーション、および近接接続、フローティング エッジ、コンテキスト ズームなどの高度な機能をサポートします。
コマンドラインで svelte-flow AI スキルを開発環境にすばやくインストール
ソース: linehaul-ai/linehaulai-claude-marketplace。
Expert guide for building node-based UIs with Svelte Flow (@xyflow/svelte).
Critical: Nodes and edges are immutable. Create new objects to trigger updates.
Edges that dynamically connect to the closest point on node boundaries:
Svelte Flow を使用して、ノードベースのエディター、インタラクティブな図、フローの視覚化を構築します。ワークフロー エディター、データ フロー図、組織図、マインドマップ、プロセスの視覚化、DAG エディター、または対話型のノードグラフ UI を作成するときに使用します。カスタム ノード/エッジ、レイアウト (ダグレ、階層)、アニメーション、および近接接続、フローティング エッジ、コンテキスト ズームなどの高度な機能をサポートします。 ソース: linehaul-ai/linehaulai-claude-marketplace。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flowBrowse more skills from linehaul-ai/linehaulai-claude-marketplace
Svelte Flow を使用して、ノードベースのエディター、インタラクティブな図、フローの視覚化を構築します。ワークフロー エディター、データ フロー図、組織図、マインドマップ、プロセスの視覚化、DAG エディター、または対話型のノードグラフ UI を作成するときに使用します。カスタム ノード/エッジ、レイアウト (ダグレ、階層)、アニメーション、および近接接続、フローティング エッジ、コンテキスト ズームなどの高度な機能をサポートします。 ソース: linehaul-ai/linehaulai-claude-marketplace。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/linehaul-ai/linehaulai-claude-marketplace