flow-graph とは？
自然言語の説明からグラフ視覚化のアニメーション GIF/WebM ビデオを生成 ソース: asgeirf/agent-skills。
·flow-graph
</>
flow-graph
✓自然言語の説明からグラフ視覚化のアニメーション GIF/WebM ビデオを生成
flow-graph のインストール方法
コマンドラインで flow-graph AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/asgeirf/agent-skills --skill flow-graph
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: asgeirf/agent-skills。
SKILL.md
原文を見るGenerate graph visualizations rendered as GIF and WebM video files with animated traffic flowing along edges. You describe a process or graph in natural language, then this skill produces a video of the diagram.
Create a graph-data.json file. Default to static mode — define all nodes and edges upfront. The engine renders the complete graph immediately with animated traffic flowing along edges.
Static mode (default — use this unless asked for build-up animation):
自然言語の説明からグラフ視覚化のアニメーション GIF/WebM ビデオを生成 ソース: asgeirf/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/asgeirf/agent-skills --skill flow-graph- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-25
- 更新日
- 2026-03-10
クイックアンサー
flow-graph のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/asgeirf/agent-skills --skill flow-graph インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/asgeirf/agent-skills