自然言語の説明からアニメーション図を自動生成し、複数形式で出力するツール
中辛 の解説
テキスト仕様から自動的にアニメーション図を生成し、複数形式でエクスポート可能なツールです。使用フローは Agent Skills としてインストール → エージェントに自然言語で指示 → HTML 出力取得 → 必要に応じてエクスポートという流れです。45 種類以上の図タイプ（アーキテクチャ・フローチャート・UML・ER・Isometric 3D など）を備え、アニメーション機能により図の構成を段階的に表示できます。デモは README に複数の GIF 例として掲載されています。インストール方法は複数あり（npx skills add、プラグインマーケットプレイス、手動など）、JavaScript・Node 20+ で動作します。
こんなリポジトリです
こんなときに便利です
- 開発チームがマイクロサービスアーキテクチャをテキスト指示から自動生成し、PNG・GIF・MP4 でスライドや資料に組み込む
- 技術ドキュメント作成者が業務フロー・決定ツリー・シーケンス図をテキストで指示して、インタラクティブな HTML ドキュメント化
- データベース設計者が ER 図・UML クラス図・データフロー図を複数タイプから選んで、エージェントと対話しながらイテレーティブに生成
主な機能
ほかとの違い
AI エージェント経由のテキスト→図自動生成と、Isometric 3D を含む豊富な図タイプでパラメータ化された立体図を自由に生成できることが特徴です。
このリポジトリの作り方
はじめてですか？ むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
準備するもの
- Node.js 20 以上
- Agent Skills ホスト（Claude Code、Cursor、Codex など）または手動セットアップ環境
すぐに始める
- Node.js 20 以上がインストール済みであることを確認します。
node --version
- Agent Skills を使用してインストール（推奨）：
npx skills add Aryanutkarsh/seecode -g
または Claude Code の場合はプラグインマーケットプレイスから：
/plugin marketplace add Aryanutkarsh/seecode
/plugin install seecode@seecode
-
セッションを再開します（スキルはセッション開始時にロード）。
-
エージェントに図生成を指示します：
Use SeeCode to show how checkout works: the browser calls the API, the API writes to Postgres, charges Stripe and publishes an event to Kafka.
- テキストで追加指示してカスタマイズします：
highlight the payment path
make it dark
export it as SVG for my slides
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try Aryanutkarsh/SeeCode
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →
スター推移 · 7日
確認日時
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2026 年に作成
「企画・設計」 こういうリポジトリを毎週受け取りませんか？
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか？ README にギット飯バッジを貼る
[](https://www.gitbap.com/r/Aryanutkarsh/SeeCode)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る