SKILL / 先行公開

yonkoma-manga

お題を渡すと、アニメ調キャラの4コマ漫画を1枚のPNGにして返すスキル。起承転結の設計はAIが担当し、コマ絵の生成と吹き出しの合成はサーバー側が担当します。

↑ このMCPが実際に生成した4コマ（2×2レイアウト・お題「AIに丸投げしたら、仕様書を書く仕事が増えた」）

何をするスキルか

お題を渡すと、あなたのAI（Claude Codeなど）が起承転結の4拍にネタを割り振り、キャラの外見とセリフを設計します。そのデータを受け取ったサーバー側が、コマ絵をgpt-image-2で生成し、吹き出しを縦書きで合成して1枚のPNGにまとめます。ネタを考えるのはクライアント側、絵作りと文字入れはサーバー側、という分業です。

絵と文字を分けて作るから、セリフは化けない

画像生成AIに日本語のセリフを直接描かせると、文字はほぼ確実に崩れます。線がつながっていない漢字や、この世に存在しない字が混じるのはよくある話です。yonkoma-mangaはその手前で仕事を切り分けています。コマ絵は「白背景にキャラだけ」を生成し、文字はいっさい描かせません。セリフは吹き出しごとHTML/CSSで縦書きに組んで、あとからコマ絵の上に重ねます。絵と文字が別レイヤーなので、セリフがどれだけ長くなっても、生成AIの手書き文字が崩れる余地自体がありません。

絵

gpt-image-2が白背景のキャラだけを生成。1コマ目を参照画像にして2〜4コマ目のキャラを揃える

文字

吹き出しは縦書きHTML/CSSで別に組み、コマ絵の上へ合成する

使うのに必要なもの

接続キー

配布元（X: @keitowebai）から受け取る共有キー。接続時に1回だけ入力

OpenAI APIキー

あなた自身のキー。画像生成の呼び出しにだけ使い、保存もログ出力もしない

画像生成の料金

あなたのOpenAIアカウントに課金される（1本＝4コマで生成4回、quality=low）

生成時間

1本あたりおよそ30秒

MCPから実行できます

接続先は https://keito-skills.com/mcp/yonkoma-manga。AIが手引き（get_yonkoma_guide）を読んでstripを設計し、検証（validate_strip）を通してから、生成（make_yonkoma_manga）でPNGのURLを受け取ります。

claude mcp add --transport http yonkoma-manga \
  https://keito-skills.com/mcp/yonkoma-manga

# あとはClaudeに頼むだけ:
# 「◯◯の4コマ漫画を作って。OpenAIのAPIキーは sk-... を使って」

claude.ai（Web）やClaude Desktopからは、設定 → コネクタ → 「カスタムコネクタを追加」で同じURLを入力すれば接続できます。どちらの方法でも、接続時にブラウザで接続キーの確認画面が開くので、配布元から受け取ったキーを貼れば完了です。