AI × マンガ制作の新時代

AIでマンガを
自動生成

ComfyUI/Stable Diffusionと連携し、
画像生成から吹き出し配置まで全自動

FEATURES

主な機能

マンガ制作のワークフローを効率化

🎨

AI画像自動生成

ComfyUI / Stable Diffusion WebUIと連携。プロンプトを入力するだけで高品質な画像を生成

💬

吹き出し自動配置

日本語縦読み対応の吹き出しを自動配置。セリフを入力するだけでマンガが完成

📖

複数ページ管理

複数ページの一括管理に対応。長編マンガも効率的に制作可能

🖼️

直感的な編集

Fabric.jsによるキャンバス操作。ドラッグ&ドロップで自由にレイアウト調整

TECH STACK

技術スタック

モダンな技術で構築

⚛️
React 19
📘
TypeScript
🖼️
Fabric.js
🟢
Node.js
HOW IT WORKS

クイックスタート

初めての方はここから。5ステップで始められます

Step 1

エディタ(Antigravity)を立ち上げる

  1. Antigravityhttps://antigravity.app/)をインストールして開く
  2. AIエージェント(gemini 3.0 flash か claude code)に以下をコピペして伝える:
https://github.com/CLANBIZ/manga-marunage-chan をクローンして npm install して npm run dev を実行して http://localhost:3000 をブラウザで開いて。http://localhost:3000 が使用中の場合、他のローカルサーバーを立ち上げて。うまく行かない場合 SETUP.md を読んで解決策を探して

💡 Claude Codeの起動方法(Antigravity以外の場合)

方法1: ターミナルから claude(Windowsは wsl claude

方法2: antigravity拡張機能「Claude Code」をインストール → オレンジ色のClaudeボタンを押す

Step 2

ComfyUIを準備

ComfyUI が http://127.0.0.1:8188 でAPIアクセス可能な状態にしてください。

ComfyUI のインストール(初回のみ):

git clone https://github.com/comfyanonymous/ComfyUI.git && cd ComfyUI && pip install -r requirements.txt && python main.py

推奨モデル:

※ モデルは ComfyUI/models/checkpoints/ に配置

Step 3

Puppeteerサーバーを起動(別ターミナル)

自動化処理を使う場合、別ターミナルで以下を実行:

npm run server
Step 4

シナリオJSを作成

scripts/examples/ にサンプルがあります。背景・キャラクター・セリフを定義するだけ。

Step 5

マンガ生成開始

Claude Code に以下を伝える:

WORKFLOW.md を読んで、scripts/examples/school-comedy.js のシナリオでマンガを生成して

これでAIが自動的に画像生成・吹き出し配置・JPEG出力まで行います。

AIでマンガを作ろう

絵が描けなくても大丈夫。AIがあなたのマンガ制作をサポートします