anymouschina/TapCanvas
TapCanvas — 无限画布 ❌,沉浸式画布 ✅。线上版功能基本对齐TOP级别。agents-cli 智能体蒸馏自 Claude code + codex + hermes-agent。 可使用 cli 工具直接调试 & 调用画布全部功能。
TapCanvas Pro – AI駆動のビジュアルコンテンツ作成キャンバス
何であるか – TapCanvas Pro はオープンソースで、モノレポ構造のウェブアプリケーションであり、単一の無限キャンバス上で長編のAI生成メディア(テキスト、画像、動画、ストーリーボード)を作成できる。フロントエンドのキャンバス、バックエンドAPI、および Agents 実行レイヤーを統合することで、アセット、プロンプト、モデル呼び出しをプロジェクトとして永続化し、ステップ間で再利用可能になる。
コアコンポーネント
| コンポーネント | 技術スタック | 役割 |
|---|---|---|
apps/web |
Vite + React 18 + Mantine + React‑Flow | ノードがテキスト、画像、動画、スクリプトなどを表すインタラクティブなキャンバスUI。アセットをドラッグアンドドロップし、接続してワークフローを定義する。 |
apps/hono-api |
NestJS + Hono + Node.js + Prisma + PostgreSQL + Redis | プロジェクト、アセット、認証を保存し、AIツールスキーマを公開するHTTP API。 |
apps/agents‑cli |
TypeScript | 「Agentsブリッジ」– 最小限の自律エージェントループ(plan → tool → report)。意味理解、スキル選択、メモリ、サブエージェントを処理し、設定されたLLMエンドポイントに呼び出しを転送する。 |
apps/new‑api |
変更された new‑api ゲートウェイ | 複数のモデルプロバイダー(テキスト、画像、動画)を統合するユニファイドゲートウェイ。ルーティング、クォータ、課金を処理する。 |
packages/* |
共有TypeScriptパッケージ | フロントエンドとバックエンドの両方で使用されるスキーマ、SDK、再利用可能なユーティリティ。 |
主な機能
- 無限キャンバスワークフロー – ドキュメント、キャラクター、ストーリーボード、生成された画像/動画、実行リンクのノードを無限に繰り返し編集可能。
- エージェント駆動の実行 –
POST /public/agents/chatエンドポイントはユーザーのプロンプトをAgentsブリッジにルーティングし、どのツール(例:テキスト生成、画像合成)を呼び出すかを決定し、結果をキャンバスに書き戻す。 - マルチモデル統合 –
new‑apiゲートウェイにより、共通のスキーマを介して任意の対応するLLM、拡散モデル、動画モデルを接続可能。 - プロジェクトレベルのアセット永続化 – 役割カード、参照画像、スクリプト断片、実行ログはプロジェクトごとに保存され、セッション間で継続性を確保。
- チャプター単位の作成 – 小説からストーリーボード、エピソード形式の動画制作など、長チェーンのシナリオに最適。コンテキストインジェクションはチャプター単位でスコープ。
- Docker最適化デプロイ – 1つのコマンドで
docker‑compose.ymlを使ってPostgreSQL、Redis、エージェントブリッジ、API、モデルゲートウェイを即時起動可能。
一般的な利用例
- 小説やスクリプトをストーリーボードに変換し、その後短編動画に制作。
- プロンプト、生成されたアセット、実行履歴を1か所で管理する必要がある共同チーム。
- 複数のAIステップ(例:シーン説明の生成 → コンセプトアート作成 → 動画クリップ合成)を必要とし、結果を追跡可能なワークフロー。
導入方法
- 起動方法を選択 – 1クリックのDocker Composeフロー(素早く試す場合に推奨)またはローカルソースコードセットアップ(開発用)。
- 依存関係のインストール – リポジトリはpnpmワークスペースを使用(
pnpm -w install)。 - 設定 – API、ウェブフロントエンド、agents‑cli用の
.env.exampleファイルをコピーし、少なくともDATABASE_URL、JWT_SECRET、AGENTS_BRIDGE_BASE_URLを設定。 - 実行 –
- Docker:
cd apps/hono-api && docker compose up -dその後pnpm dev:web。 - ソース: 3つのターミナルを起動:
pnpm --filter agents dev -- serve --port 8799、pnpm dev:api、pnpm dev:web。
- Docker:
- ブラウザで
http://localhost:5173を開く。キャンバスUIがロードされ、APIおよびエージェントブリッジと通信可能になる。
ライセンス – TapCanvasのコミュニティエディションはMITライセンスで公開されています。商用版とは明確に分離されており、MIT条項はこのリポジトリ内のコードにのみ適用されます。
上記のすべての情報はリポジトリのREADMEから直接取得しており、追加の機能は推測されていません。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト