大型アップデート：10 年間のデザイン経験を凝縮した PPT スキル

前回、guizang-ppt-skill（github.com/op7418/guizang-ppt-skill）をオープンソース化したところ、大好評で、わずか数週間で GitHub スターが 6,000 スターを超えました。さらに、非常に人気のオープンソースプロジェクトである Claude Design でも参照され、取り上げられました。

また、この PPT Skill を使って生成されたプレゼンテーションを、オンライン・オフライン問わず、さまざまな場所で見かけるようになりました。

公開後、私のところに最も多く寄せられた質問は次のようなものでした。

「もっとスタイルを増やせませんか？」

「イラストも一緒に作ってくれますか？」

「他のプラットフォーム向けに PPT の表紙を描き直さないといけないんですか？」

そこで、自分でも使いながら気づつメモを取り、2 週間分ほど貯めました。今回、それらのギャップを一気に埋めます。

更新内容

新しいビジュアルスタイルを追加し、イラスト生成機能を Codex に直接組み込み、PPT 以外のプラットフォーム向けの表紙も簡単に作れるようになりました。

具体的には、以下の 3 つです。

• スタイル B（スイス・インターナショナリズム）を追加。全編み出しサンセリフ書体、単一の高彩度アクセントカラー、グリッド優先。
• Codex に GPT-Image 2.0 を統合。トーンに合ったイラストを直接生成。フィルムテクスチャーのポートレ、フローチャート、美しい UI スクリーンショットなど。
• マルチプラットフォーム表紙生成。同じコンテンツから、小紅書（Xiaohongshu）、微信公衆号（WeChat Official Account）、動画アカウント（Video Account）などの表紙を作成可能。

新スタイルの呼び出し方

インストール後、Claude または Codex に「スイススタイルの PPT を作って」と伝えてください。

すでにインストール済みの場合は、AI に「guizang-ppt-skill を更新して」と伝えることもできます。

すると、AI が「インターナショナル・クライン・ブルー（IKB）、レモンイエロー、レモングリーン、セーフティオレンジの 4 つのテーマからどれを選びますか？」と尋ねてきます。

• インターナショナル・クライン・ブルー（IKB）：汎用性が高く、ビジネスローンチ、AI プロダクト向け。デフォルトの推奨。
• レモンイエロー：若々しい、スポーツ、Y2K レトロ。
• レモングリーン：エコロジー、サステナビリティ、Z 世代ブランディング。
• セーティオレンジ：警告、ニュース、ハイエナジーなテーマ。

以前と同様、カスタムの 16 進数カラーコードは受け付けません。

このルールは SKILL.md のハード制約として明示的に記述しています。理由は前回の記事で説明したので、ここでは繰り返しません。

最もよく使われるレイアウト

スイススタイルには、表紙、章、データ、比較、締めくくりをカバーする、すぐに使える名前付きレイアウトが 22 種類用意されています。

その中でも、特に特徴的な 6 つを紹介します。

表紙。 左半分は IKB 背景に巨大な白文字、右半分は余白にメタ情報。最初のページで最初のページに使われます。

ステートメント。 1 文が 9.6vw を占め、ページ全体がそれと小さなフッター文だけ。章の導入やコアな主張を投げかけるのに適しています。

KPI タワー。 4 つのベタ塗りのカラムがデータに応じた高さを持ち、その下にカテゴリが並びます。利益率の階層、価格帯、コンバージョンファネルなどの縦方向の数値比較が一目でわかります。

ループ図。 番号付きのステップが同心円上に配置され、円を閉じます。自己学習ループ、Agent の自動化サイクル、プロダクトフィードバックの好循環などを説明するのに適しています。

デュオ比較。 中央に極細の線を引き、左右にテキストとデータのセットを配置。旧システム vs 新ソリューション、従来型 vs AI、Before vs After などに使います。

クロージングマニフェスト。 左半分は IKB の白抜きマニフェスト、右半分は 3 つの要点で締めくくります。デッキの最後の最後のページに最適で、表紙とカラーループを形成します。

その他にも、水平タイムライン、三つの力の対立、システム図の階層、Why Now の主張補強、Tech Spec 製品スペック、イメージヒーローイメージと KPI のケーススタディなどがあります。

それぞれが典型的なコンテンツ形式に対応しています。「業界ランキングを作りたい」「プロダクトベンチマークをしたい」と言えば、AI がこれら 22 種類から最適なものを選びます。名前を覚える必要はありません。

テーマを選んだ後の流れは以前のバージョンと同じです。6 つの確認質問、アウトラインとリズム表、そしてすり合わせ後のコード生成です。

GPT-Image 2.0 に画像を任せる

Codex 環境で使用する場合、PPT が書き上がると、AI が自ら「この PPT にイラストを生成しましょうか？」と尋ねてきます。

必要であれば、選択した PPT スタイルとコンテンツに応じて、適切なタイプのイラストリーションを自動生成します。

人文的なドキュメンタリー写真（フィルムテクスチャ）、インフォグラフィック（プロセス、比較、システム関係）、スクリーンショットのリデザイン（元の画像を PPT の比率に合わせて作り直し）、データポスター、フローチャート、システム関係図など。

生成された画像は、現在のデッキのスタイルとテーマカラーに自動適応します。

具体的には：

• デジタルマガジンスタイルの場合、インフォグラフィックは e-ink トーンに従います。白黒グレーが基調で、低彩度のアクセントカラーがわずかに、細い線、グリッド、抑制された余白。
• スイススタイルの場合、インフォグラフィックはスイスモダニズムトーンに従います。サンセリフの短いラベル（Helvetica/Inter 風）、12/16 カラムグリッド、直角。
• IKB ブルーを選んだ場合、生成される画像は IKB ブルーを唯一のアクセントカラーとして使用します。レモンイエロー、レモングリーン、セーフティオレンジを選んだ場合も同様です。
• テキスト言語はデッキに従います。中国語のデッキでは中国語のラベル、英語のデッキでは英語のラベルが使用されます。
• **生成された画像には PPT の枠（ヘッダー、フッター、ページ番号、署名、装飾的な境界線）は付きません。

この細かい配慮により、デッキ全体のビジュアルの一貫性を気にする必要がなくなります。

PPT が IKB ブルーなのにイラストが緑色、といった不整合が発生せず、PPT を書きながら GPT-Image 用のプロンプトを調整しながら PPT を書く必要もありません。

ツール間のビジュアルドリフトは、私が過去 2 年間 AI でコンテンツ制作をする上で最も悩まされた隠れたコストです。これを Skill 層で解決することで、ユーザーの負担を一つ減らせます。

プラットフォーム表紙を作ってもらう

PPT が完成したら、投稿前に 3 つのフォーマットを用意する必要があります。微信公衆号の 21:9 ヘッダー、小紅書の 3:4 縦長画像、動画アカウントの横長表紙です。

「この PPT の核心ポイントに基づいて、3:4 の小紅書表紙を作って」または「21:9 の微信ヘッダーを作って」と伝えるだけ。AI は Skill のビジュアルルール（同じテーマカラー、同じフォント、単一焦点ルール）に従って画像を生成します。

バッチ処理も可能です。小紅書のカルーセル機構に対応して、「統一スタイル、統一フォントサイズ、異なるレイアウトで 6 枚の画像を一括生成して」と一度に依頼できます。

微信は特殊で、ヘッダーは 21:9 ですが、共有カードは 1:1 の正方形画像を使い、両者に視覚的な連続性が必要です。

その方法は、2 回に分けて生成しますが、同じ色とコピーは同じものを使います。

• 1 回目：21:9 のメインヘヘッダー。左にメインタイトル、右にビジュアルアンカー。
• 2 回目：1:1 の正方形画像。共有カードのビジュアル拡張として、メイン要素がヘッダーと呼応させます。

私がよく使う 2 つのレイアウト：ベタ塗り背景 + 巨大テキスト + 隅に日付、または画像左・テキスト右の分割レイアウト。

共有したい賢いアイデア

アイデア 1：フィルムテクスチャで「AI 感」を打ち消す

「一人でプロダクトを作る」というシェア記事を書くとき、「孤独に働く」という感情を伝える画像が必要でした。以前は Unsplash で 30 分探すか、ありきのストックフォトを使っていました。今は「深夜のスタジオで画面に向かう人の 16:10 ドキュメンタリー写真、自然光、低彩度、わずかなフィルムグレイン、富士フイルム風」と伝えるだけ。

結果として得られる画像は、抑制された人間味わいがあり、プラスチックっぽくありません。この判断基準を references/image-prompts.md に記述しました。フィルムテクスチャは、GPT-Image 2.0 が PPT イラストにもたらす最大の価値であり、画像から「AI 生成」というレッテルを剥がします。

アイデア 2：変な比率のスクリーンショットをやり直す

多くのクリエイターは生のスクリーンショットを持っています。プロダクト UI、バックエンドページ、データダッシュボードなど、比率も余白もバラバラ。それらを PPT に入れると、ビジュアルフローが崩れます。今は、元の画像を Codex にドロップして「16:10 で作り直して、UI 要素はすべて残し、実作業シーンの環境を少し追加、中密度で」と伝えるだけ。

すると、PPT 基準を満たした画像が再生成され、重要な情報はすべて保持され、比率と余白が完全に統一されます。これは特にプロダクトレビューコンテンツに役立ちます。

アイデア 3：AI 画像を PPT テンプレートで「ラップする」

これは私が自分でテストした使い方です。GPT-Image 2.0 の画像を単体で出すと、AI 検出ツールに引っかかる可能性が高いです。これがソーシャルメディアでのレコメンド重みに影響を与える可能性があります。しかし、その画像を PPT テンプレートに配置し、全体をスクリーンショットすると、結果はまったく異なります。これにより、AI 生成素材を完全な作品に組み立て、人間の痕跡を加えることになります。それでもアウトラインの事実に基づいた表現であり、虚構ではありません。アルゴリズムに誤認されるのを防ぐだけです。

なぜ見た目が良いのか

最後に、デザイン哲学について話しましょう。このスイススタイルのビジュアルルールはどこから来たのでしょうか？

私は、Massimo Vignelli や Helvetica Forever といったビジュアルを設定しました。ニューヨークの地下鉄システム、Unimark、Müller-Brockmann に代表されるスイス・インターナショナリズムの伝統です。

Helvetica Forever の本を開いたことがある方、または Vignelli が 1970 年にニューヨーク地下鉄のために作ったサインシステムを見たことがある方なら、この言語を認識できるでしょう。2 つのスタイルを比較すると、その違いは一目瞭然です。

簡単に言い換えれば、スタイル A は物語を語るためのもの、スタイル B は事実を述べるためのものです。

7 つのデザイン規範

スイススタイルのビジュアルルールは、実はたった 7 つのポイントに集約されます。それぞれ 100 年前の業界標準であり、私はそれを AI が実行できるように Skill に記述しただけです。

1. 単一アクセントカラー。 デッキ内で使用できるハイライトカラーは 1 色のみ。青なら青だけ。青と黄色のコラージュは禁止。これがスイススタイルの魂です。「Less is more」は単なるスローガンではなく、コードにハードルールとして記述されなければなりません。

2. 極端なフォントサイズの極端なコントラスト。 メインタイトルと本文の比率は少なくとも 8:1。表紙の巨大なマニフェストは min(11.6vw, 19vh)、本文は 1.1vw。ビジュアルの緊張感は、装飾ではなく、このコントラストによって生み出されます。

3. テキストが大きいほど、細く。 メインタイトルには font-weight 200（ExtraLight）を使用し、700、800、900 は使いません。スイススタイルの大きなテキストは、建築図面のスケールのようなもので、存在感はあってもうるさくない。

4. 直角とベタ塗り。 border-radius、box-shadow、linear-gradient はすべて排除。すべての色ブロックは直角で、すべての境界線は 1px の極細線。厳しい印象ですが、あちこちで見かける「コンシューマーアプリ感」や「SaaS テンプレート感」は、これら 3 つの属性の濫用から生まれています。

5. グリッド至上主義。 16 カラムグリッド、16px ギャップ。すべての要素はグリッドにスナップし、左揃えと大きな余白で非対称の美しさを演出。中央揃えも均等配置もなし。

6. WebGL 背景なし。 スタイル A は WebGL の流体で呼吸感を出しますが、スイススタイルは意図的にこれを排除。純白がそのものが背景であり、動的な背景はすべてノイズです。

締めくくり

今回のアップデートの核心は、一つの問いに答えることです。コンテンツ制作における人間と AI の協業のチェーンはどのくらいの長さなのか？

前回のオープンソース化で、「PPT を作る」部分を完了しました。今回は、その前に「イラスト生成」を、後ろに「マルチプラットフォーム表紙」を接続しました。さらに、新しいスタイルと新しいカラーループを追加することで、チェーン全体を閉じました。アウトラインを書くところから、PPT 生成、イラスト生成、エクスポート、異なるプラットフォームへの公開まで、以前は 5 つのソフトウェアが必要だったことが、今では一回の会話で完結します。

なぜ、世の中にこれだけ多くの PPT Skill がある中で、鬼葬師の PPT Skill がこれほど多くの利用と注目を集め続けているのでしょうか？

AI は常に 70% の仕事しかできません。これら 2 つのテンプレートのすべてのレイアウトは、私が AI の上で手動で微調整することで実現されています。つまり、私は自然言語を使ってデザインしているのです。AI 時代においても、90 点のコンテンツは貴重です。

Skill は GitHub で更新されています：github.com/op7418/guizang-ppt-skill

更新方法は前回と同じです。README に「AI 用のインストールプロンプト」があります。それを Claude Code、Codex、またはシェル権限を持つ AI Agent にコピーして貼り付けると、自動的に最新バージョンをプルします。インストール後、「スイススタイルの PPT を作って」と言えば、新しいスタイルが呼び出されます。