一言でカバー画像生成：WeChat公式アカウント向けに4スタイルのAIカバー生成スキルを作った

WeChat公式アカウントの記事を書いていて一番面倒なのは、本文じゃなくて、書き終わった後のカバー画像探しだ。

毎回記事を書き終えて公開しようとすると、カバーどうしようかと悩む。AI以前はUnsplashで検索していたけど、今はロードが遅すぎる。Keynoteで作ったこともある、こんな感じで：

実はシンプルで、特定の画像にタイトルテキストを組み合わせるだけ。そうであれば、今はAIに完全に任せられる。でもAIに直接生成させると「正しいけど妙なもの」が大量に出てくる。私のコンテンツはスタイルの幅が広い——エッセイもあれば、ツール紹介もある。あるテーマにはダークトーンが欲しいし、技術ツールにはミニマリストで抽象的なスタイル、文化評論には雑誌のエディトリアル感が欲しい。毎回構図、配色、プロンプトを一から考え直さないといけない。結構面倒。

だからSkillを作って、Qwen Code + Model Studio CLIにやらせることにした。

何ができるか

記事のタイトルやテーマを渡すと、自動でトーンを分析し、スタイルを選び、タイトルを洗練し、プロンプトを構築し、Model Studioで画像を生成する。

4つのスタイルで、私のWeChat公式アカウントの主なシーンをカバー。まだ改善の余地はたくさんあり、継続的にイテレーション中：

• 01 ボールドポスター：ダークな映画的背景 + 左側グラデーションオーバーレイ + 大きな白文字で1つのキーワードを赤でハイライト。深い論評、歴史的テーマ、社会観察に最適。
• 02 マガジン：左にテキスト、右にフレーム付き画像の2カラムレイアウト、紙のテクスチャ。文化批評、読書ノート、人物描写に最適。
• 03 ミニマル抽象：全面イラスト + モノクロームカラーオーバーレイで没入的シングルトーン。技術ブログ、製品紹介、コンセプト説明に最適。
• 04 ピクセルアート：16-bitピクセルアート + ダークパープルオーバーレイ + ゴールドのピクセルテキスト。ツールレビュー、カジュアルなコンテンツ、ノスタルジックなテーマに最適。

技術スタック：Qwen Code + Model Studio CLI

画像生成はAlibaba Cloud Model Studioのコマンドラインツールで実現。Model Studio CLIはターミナル上のマルチモーダルAIツールボックス——チャット、画像生成、動画生成、音声合成、知識検索、すべてコマンドラインで完結。ここでは主にimage generateを使用。

なぜこれを使うか：

• Qwen Codeが直接呼び出す——Skillにコマンドテンプレートを書いておけば、AIがパラメータを埋めて実行、私は何もしなくていい
• 無料枠がある——qwen-image-2.0には無料利用枠があり、「使い切り次第停止」を有効にすれば課金の心配なし
• サイズを正確に制御——--size '1344*572'で2.35:1ワイドスクリーン比率出力、Playwright @2xレンダリングで2688×1144 HD PNG書き出し

Skillをインストールしたら、一言プロンプトだけ：

/open1v-mpcover-gen @あなたの記事.md に基づいてWeChatカバーを生成して、<スタイル指定可能、マガジンスタイルを使用>

プロセス全体のデモはこちら——全スタイルを一度に生成することもできる：

使い方

❶ Qwen Codeをインストール、参照：https://qwenlm.github.io/qwen-code-docs/en/users/quickstart/ 

npm install -g @qwen-code/qwen-code@latest

❷ Model Studio API Keyを取得：https://bailian.console.aliyun.com/cn-beijing?tab=model#/api-key 

❸ カバースキルをインストール。Qwen Codeを起動して入力：

Help me install this skill: https://github.com/joeytoday/open1v-mpcover-gen

❹ 使い始める：インストール後、Qwen Codeにこう言うだけ：

WeChatカバーを作って。記事タイトルは「Qwen Code × Model Studio CLI カバー生成ガイド」

AIがコンテンツのトーンを分析し、どのスタイルが良いか聞いて（または自動選択）、タイトルを洗練し、英語プロンプトを構築し、Model Studioで画像生成を呼び出し、2つの候補を出力する。

その他の使い方

スタイルを直接指定：

ミニマルスタイルのカバーを作って、テーマはAPIセキュリティ

より多くのコンテキストを提供：

法家思想についての記事を書いたので、マガジンスタイルのカバーを作って

バッチ生成：

今週3本記事を書いた、タイトルはxxx / yyy / zzz、それぞれカバーを1枚ずつ作って

誰向けか

• WeChat公式アカウントを書いていて、毎回カバーで止まる人
• カバーに美的こだわりがあり、ありきたりなテンプレートは使いたくない人
• ターミナルで作業するのに慣れている、または試してみたい人
• Model Studioの無料枠があり、ゼロコストで始められる

❌ 向いていない人：正確な中国語タイポグラフィが必要な場合（Figma/Canvaを使用）、実写写真が必要な場合、より精緻なカバーが必要な場合。

設計思想

なぜAIにタイトルテキスト付きの画像を直接生成させないのか？AIが生成する中国語文字は基本的に文字化けだから。だから2ステップに分割：Model Studioが背景を生成 → HTMLでテキストをオーバーレイ → Playwrightスクリーンショットでpng書き出し。画像は雰囲気担当、テキストはCSSで精密に制御。

メリットはイテレーションコストが極めて低いこと——タイトル変更はHTMLのテキストを編集して再レンダリングするだけ（2秒）、画像の再生成不要（30秒）。オーバーレイが濃すぎ・薄すぎ、色がおかしい、全部CSSを1行変えるだけ。

4つのスタイルは思いつきで決めたのではなく、読者がフィードで感じる印象で分類している：

• 「態度がある」→ ダーク背景に太字、ビジュアルインパクト
• 「センスがある」→ 分割カラムに余白、エディトリアル美学
• 「とてもクリア」→ シングルトーン、認知負荷最小
• 「面白い」→ ピクセルアートが常識を破る

各スタイルはテキスト-画像配置パターンに対応——フルオーバーレイ、分割カラム、カラーオーバーレイ——背景画像に関係なくテキストの可読性を保証する。

SkillはGitHubでオープンソース、継続的にイテレーション中。Qwen Code + Model Studioを使っている方はぜひ試してみてください。気に入ったらstar ⭐️をいただけると嬉しいです。

🔗 https://github.com/joeytoday/open1v-mpcover-gen