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. 起動方法を選択 – 1クリックのDocker Composeフロー(素早く試す場合に推奨)またはローカルソースコードセットアップ(開発用)。
  2. 依存関係のインストール – リポジトリはpnpmワークスペースを使用(pnpm -w install)。
  3. 設定 – API、ウェブフロントエンド、agents‑cli用の.env.exampleファイルをコピーし、少なくとも DATABASE_URLJWT_SECRETAGENTS_BRIDGE_BASE_URL を設定。
  4. 実行
    • Docker: cd apps/hono-api && docker compose up -d その後 pnpm dev:web
    • ソース: 3つのターミナルを起動:pnpm --filter agents dev -- serve --port 8799pnpm dev:apipnpm dev:web
  5. ブラウザで http://localhost:5173 を開く。キャンバスUIがロードされ、APIおよびエージェントブリッジと通信可能になる。

ライセンス – TapCanvasのコミュニティエディションはMITライセンスで公開されています。商用版とは明確に分離されており、MIT条項はこのリポジトリ内のコードにのみ適用されます。


上記のすべての情報はリポジトリのREADMEから直接取得しており、追加の機能は推測されていません。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト