はじめに

はじめに、この記事の性質をはっきりさせておきます。

これは「絶対に稼げる」と約束する情報商材ではありません。「これさえやれば10万円」「コピペで自動収入」といった話を期待してこのページを開いたのなら、ここでブラウザバックすることをおすすめします。そうした即効性や一発逆転は、この記事のどこにも書いていません。

収益の話も同じトーンで書いています。「月100万」のような景気のいい数字は出しません。図解を組み込んで教材の単価を中価格帯から一段上へ引き上げ、X発信で導線を細く長く育てる。その積み上げが無名の個人にとって現実にどの程度の規模になりうるかを、届く範囲の数字で書いています。うまくいかなかったときに何を見て手を引くか、その撤退ラインも含めて正直に示します。

そして、手は動きます。定義ファイルを作るワーク、2つのツールを連携させる設定、量産を回す週次の運用。読むだけで完結する内容ではなく、あなたが自分の手で1週間かけて組み上げる前提です。逆に言えば、手を動かせる人にとっては、読み終えた時点で「今日どこから着手するか」がはっきり決まっている状態になります。

自分の資産になる作り方を知りたい。そう思ってもらえたなら、ここから先は最後まで誠実にお付き合いします。

Claude Designとは・・・

次の覇権を握る生成AI駆動型のデザインツール！

本記事はClaudeDesignという3か月後、市場に溢れかえるであろうAnthropic社の”デザインAI”の先駆けとなる教材です。まだ日本で広まっていない”今”扱えるようになればあなたを支える大きな武器となるでしょう。

↑実際の作業画面

AIスライドが商品に使えないのは、性能ではなく世界観の問題だ

AIで作ったスライドが商品に使えないのは、生成AIの性能の問題ではありません。世界観が定義されていないからです。

ChatGPTと画像生成でスライドを作ると、1枚目は青基調、2枚目は緑のグラデーション、3枚目は急にフォントの雰囲気が変わる、という具合に枚数を重ねるほど表情がばらけていきます。原因は単純です。生成のたびに配色・フォント感・言葉遣い・図解の型の判断がAIの裁量に戻され、前のスライドの前提がリセットされるからです。この4要素の一貫性を、本記事では「世界観」と呼びます。

世界観が定義されていない限り、何度作り直しても「AIっぽい安っぽさ」は消えません。逆に、世界観を1枚の定義ファイルに固定して生成工程に流し込めば、80枚量産しても1枚目と80枚目の見た目は崩れません。これが本記事の中心主張です。

この記事で手に入るもの

Claude DesignとClaude Codeを連携させ、世界観が最終枚まで崩れないスライドを量産するパイプラインを、1週間で構築する手順のすべてを解説します。

到達点は次のとおりです。

教材用スライド80枚を実働3日で生成できる体制
そのパイプラインでnote/Brain教材を図解完全版に改訂し、単価帯を引き上げる手順
教材スライドを抜粋転用したX図解発信を週5枚×4週間続け、プロフィール経由のnoteアクセスを発信前の約2倍に育てる運用

なぜ今このパイプラインなのか

Claude Designは2026年4月に公開されたリサーチプレビューで、Claude Codeとの連携（Handoff）まで使い込んで商品制作ラインに組み込んでいる販売者はまだ少数です。

一方でテキスト教材は飽和し、知覚価値は図解品質で分かれ始めています。テキストのみの教材と図解完全版型の教材では、成立する価格帯が一段違います。具体的な相場の数字は第1章で示します。

「AIで1回きれいなスライドを作る」情報は多くあります。しかし「80枚量産しても世界観が崩れない仕組み」を扱った情報はほぼありません。本記事が埋めるのはその空白です。

購入者限定・5大特典の中身（先に全部お見せします）

本文の工程をそのまま実行へ移すための5特典です。いずれも受け取った時点で使えるフロー型で、コミュニティ参加や継続サポートの類はありません。何が手に入るのかをこの無料部分で先に全部公開します。受け取り方法は記事末尾に記載しています。

特典① 世界観定義ファイル完全テンプレート

5ブロック構成の穴埋め式テンプレートです。空欄を埋めるだけで定義ファイルの初版が完成します。第2章の逆算ワークに対応しています。

特典② スライドHTML/CSS雛形コード一式

1枚=1HTMLの量産単位と、世界観を強制するCSSトークンのスタイル定義をセットにした雛形です。第4章の基盤構築を、コードを書かずに済ませられます。

特典③ 構成案自動生成プロンプトセット

教材本文を渡すと、章→枚割り→各枚の要素までの構成案を出力させるプロンプト群です。第4章の構成案生成と第7章の一括生成の両方で使います。

特典④ 崩れ検知チェックリスト

色・トーン・図解型の3系統で合否を判定する形式のチェックリストです。第6章の品質判定を感覚に頼らず運用に載せられます。

特典⑤ X図解転用ワークフロー設定一式

教材スライドをX投稿用に変換するための設定一式です。第7章の転用フローと第8章の週5枚発信にそのまま対応しています。

第1章では「安っぽさ」を要素分解する

先に1つだけ出しておきます。安っぽいAIスライドの多くでは、1枚に5色以上が混在する「色逸脱」が起きています。過去の生成物を見返せば確認できるはずです。

ただし色は4要素の1つにすぎません。残り3要素の分解と、それらが「世界観の不在」という1つの根に集約される構造は第1章で扱います。第1章を読み終えた時点で、あなたは自分の失敗作の「どこが安っぽいのか」を全部言語化できる状態になります。

第1章 AIスライドが安っぽくなる本当の理由 ― 「世界観の不在」という診断

「はじめに」では、安っぽさを構成する4要素のうち色逸脱だけを先出ししました。この章では残りの要素を含めて全体を分解し、それらが「世界観の不在」という1つの根に集約される構造を示します。読み終えた時点で、あなたは過去の失敗スライドのどこが安っぽいのかを、感覚ではなく自分の言葉で特定できるようになります。

診断が先で、処方は後です。第2章以降で作る世界観定義ファイルもパイプラインも、すべてこの章の診断構造の上に載ります。原因を要素単位で言えないまま手順だけをなぞると、量産の途中で崩れが出たとき、どこを直せばよいか判断できなくなるからです。先に診断の言葉を手に入れてください。

先に私の実績を示します

私はBrainで2ヶ月のあいだに6本の教材を公開し、売上は26万円、レビューは15件を超えています。並行してnoteを7アカウント・累計100本規模で運用しており、こちらの売上は20万円です。

この数字を最初に出すのは、本記事の主張が机上の設計論ではないことを確認しておくためです。そして、この実績の制作物には1つの共通点があります。Brainの6本もnoteの100本も、本文の図解・サムネイル・販売ページの画像が、すべて同一の世界観で統一されていることです。

配色は固定した数色から出しません。図解の型は決まったパターンの使い回しです。文字の載せ方も全教材で同じです。1本ごとにデザインを考え直したことは一度もありません。世界観を先に固定し、生成工程に流し込む方式で量産してきたからです。

購入者は教材の中身を読む前に、まず画像で品質を推定します。販売ページのサンプル図解、本文に並ぶ図、そこへ至る導線上のサムネイル。これらの統一感は「この販売者は管理されたものづくりをしている」という推定の根拠として働きます。2ヶ月でレビュー15件超が付いた教材群の足元には、この統一感がありました。

逆に言えば、中身がどれだけ良くても、画像がばらけていれば品質の推定はそこで下がります。過去に作ったAIスライドを商品に貼らなかったのなら、それは「商品に使える品質ではない」と判断したからであり、その判断自体は正しいものです。問題は判断ではなく、ばらけない作り方を知らなかったことにあります。この章でまず、何がばらけていたのかを確定させます。

「AIっぽい仕上がり」を4つの揺れに分解する

安っぽさは感覚の問題に見えますが、分解すると4つの「揺れ」に還元できます。

1つ目は配色の揺れです。1枚の中に5色以上が混在し、枚をまたぐとメインカラーそのものが入れ替わります。「はじめに」で先出しした色逸脱がこれです。色数が増えるほど、どの色が主役なのかが伝わらなくなります。

2つ目はフォント感の揺れです。1枚に3種類以上の書体が混在する、同じ役割の見出しなのに枚ごとに文字サイズが変動する、という状態です。読者は無意識に「大きい文字＝重要」という対応で読むため、サイズの基準が枚ごとに変わると、重要度の地図が毎回壊れます。

3つ目は言葉遣いの揺れです。敬体と常体が枚をまたいで混ざる、テンションが枚ごとに上下する、同じ概念の表記が「ユーザー」と「利用者」で割れる、という不統一です。ビジュアルではなく文字情報の側の問題で、見た目を整えただけでは消えません。

4つ目は図解の型の揺れです。対比を表すのに、ある枚では左右2分割、別の枚ではマトリクス、また別の枚では矢印の応酬になります。論理構造と見た目の対応が毎枚変わるため、読者は枚ごとに「読み方」を学び直すことになります。教材スライドでは、これが読了率に直接響きます。

ここで誤解を1つ否定しておきます。「AIの性能限界だから仕方ない」という見立ては誤りです。同じツール・同じ操作者でも、世界観の定義を与えるかどうかで出力は別物になります。性能はすでに足りています。足りていないのは指示側の定義です。

そして4つの揺れには共通の原因があります。どれも「1枚ごとに判断の前提がリセットされる」ことから生まれている点です。色も書体も言葉も型も、毎回の生成でAIがゼロから裁量で決め直しています。この共通原因を1語に圧縮したものが、本記事の診断名である「世界観の不在」です。

なぜ毎回の生成で世界観がリセットされるのか

生成AIは、指示で固定されていない要素を毎回自分の裁量で埋めます。プロンプトに「青系で」とだけ書けば、青の色数・濃淡・補色の扱いは裁量に残ります。装飾を禁止しなければ、グラデーションや影は勝手に追加されます。裁量が残った要素の数だけ、揺れの発生点が残る構造です。

チャットの履歴に頼る運用も、同じ問題を別の形で起こします。同じセッション内なら「さっきのトーンで」が通じても、新しいセッションを開いた瞬間にその文脈は消えます。世界観がチャット履歴にしか存在しない状態は、再現性の観点ではゼロと同じです。経験上、量産が崩壊する最大の要因は性能不足ではなく「定義のファイル化を怠ること」です。

では、テンプレートを選べるツールなら解決するのか。しません。テンプレ選択型のサービスができるのは「出来合いの世界観を借りること」であって、「あなたの世界観を定義し、毎回の生成に強制すること」ではないからです。

テンプレを当てても、生成のたびにAIが裁量を持つ部分、つまり配色の揺れ・装飾の追加・サイズの変動は残ります。10枚なら気にならなかった揺れが、80枚並べた瞬間に統一感の崩れとしてはっきり見えます。商品として並べる枚数になって初めて露呈する欠陥です。

主流ツールの手法マップと限界

2026年6月時点のAIスライド生成は、大きく3系統に整理できます。どれが優れているかではなく、どの系統も単体では「世界観の定義と強制」に届かない、という視点で見てください。

コード系（Marp・reveal.jsなど）: CSSテーマを1枚作れば全スライドに同一の配色・フォント・余白が適用され、統一の強制力は3系統の中で最も高い手法です。弱点は初期構築で、CSSが書けない人にはテーマ作成自体が壁になります。結果として配布されている既製テーマを使い回すことになり、没個性化します。
生成系SaaS（Gamma・Canva・イルシルなど）: プロンプトからの一括生成が速く、相場感として無料枠＋月額1,500〜3,000円程度で使えます。ただしテンプレの既視感が強く、生成のたびにレイアウトが微妙に揺れます。ブランドカラーを登録できるサービスでも、生成結果の構図までは固定できません。
ChatGPT＋PPTX系（python-pptxなど）: マスタースライドを固定すればある程度の統一は出ますが、座標指定ベースの実装が煩雑です。箇条書きスライドの量産には向く一方、自由レイアウトの図解には弱い構造です。

整理するとこうなります。統一を強制できるのはコード系だけですが、そのコード系は構築の壁が高い。生成の速さと対話的な調整は生成系SaaSが強いものの、強制ができません。PPTX系は図解に届きません。「強制力」と「構築・調整のしやすさ」が1つの系統に同居していないこと。これがAIスライドが安っぽくなる、道具側の事情です。

世界観を先に固定すれば、量産しても崩れない

ここまでの診断を裏返すと、解はそのまま導かれます。安っぽさの正体が「1枚ごとの前提リセット」なら、前提をリセットさせなければよい。配色・トーン・言葉遣い・図解の型を1枚の定義ファイルに固定し、すべての生成がそのファイルを参照する工程を組めば、量産枚数が増えても崩れません。これが本記事の中心主張です。

これは新奇な発想ではありません。企業がロゴの色やフォントをガイドラインで固定し、誰が作っても同じ見た目になるよう管理する「デザインシステム」の個人版です。違いは、ガイドラインを参照して守る主体が社員ではなくAIだという点だけです。だからこそ、定義は人間向けの曖昧な美意識ではなく、AIが従える明文ルールとして書く必要があります。その書き方は第2章で扱います。

前節で見た「強制力と扱いやすさが同居しない」問題は、ツールを1つに決めようとするから起きます。本記事の構成は分業です。Claude Codeが世界観定義ファイルの一元管理・構成案の生成・量産処理を受け持ち、Claude Designがビジュアルの生成と対話的な調整を受け持ちます。コード系の強制力と生成系の扱いやすさを、2ツールの連携で両取りする設計です。構築手順は第3章から第5章で順に組み上げます。

統一感が購入判断に直結する ― 収益への接続

最後に、この診断がそのまま収益の話である理由を確認します。

note/Brainの購入者は、購入ボタンに到達するまでに、あなたの導線上の画像を必ず複数見ています。Xの図解投稿、プロフィールから飛んだnoteのサムネイル、無料記事内の図、販売ページのサンプル。

これらがすべて同じ世界観で統一されていれば、「この人の商品はちゃんとしている」という推定が、導線のどこから入っても積み上がります。1枚ごとに表情が変わる画像群では、この積み上げが起きません。むしろ「中身もこの精度かもしれない」という逆向きの推定が立ちます。

相場感の数字も置いておきます。テキストのみのnote有料記事は980〜2,980円帯が中心で、中価格帯が個人販売者の天井になりやすい構造です。一方、図解を本文に組み込んだ「図解完全版」型の教材は、Brainで4,980〜14,800円帯の成立例があります。図解枚数を50枚・80枚と商品名に明記する売り方が主流で、枚数が知覚価値の代理指標として機能しています。つまり「崩れずに量産できること」は見栄えの問題ではなく、単価帯の問題です。

本記事のゴールを再提示します。1週間で世界観パイプラインを構築し、既存教材を図解完全版に改訂して単価帯を引き上げ、教材スライドを転用したX図解発信を週5枚で回します。この章で手に入れた4要素の診断の言葉は、以降すべての工程で品質を判定する基準になります。

次章では、パイプラインの心臓部である世界観定義ファイルを実際に作ります。その前に、以下のアクションで自分の現在地を確定させてください。

【この章のアクションリスト】

[ ] 過去に作ったAIスライド（なければ既存教材のサムネ）を3枚並べ、4要素（色・フォント・言葉・図解の型）の揺れを書き出す
[ ] 「安っぽい」と感じた他人のスライドを1枚見つけ、4要素のどれが原因かを特定する
[ ] 自分のnote/Brain導線上の画像（X投稿・サムネ・本文図解）を一覧にし、統一感を10点満点で自己採点する
[ ] 4要素のうち自分が最も崩れやすい1つを選び、メモに残す

第2章あなたの世界観を言語化する ― 世界観定義ファイルの作り方

前章で診断は終わりました。安っぽさの正体は4つの揺れであり、根は「1枚ごとに前提がリセットされる」ことにあります。本章はその処方の第一歩として、パイプラインの心臓部である「世界観定義ファイル」の初版を作ります。

必要な時間は2〜3時間です。デザインツールは使いません。作るのはテキストファイル1枚だけです。ただしこの1枚が、以降の全工程と全成果物の品質を決めます。今日中に初版を保存するところまでを、この章のゴールにします。

世界観定義ファイルとは何か ― 1枚のテキストが全成果物を支配する

世界観定義ファイルとは、配色・トーン・言葉遣い・図解の型・禁止事項の5つを1枚のテキストファイルに固定したものです。以降のすべての生成は、このファイルを参照して行います。教材本文の図解も、X投稿用の図解も、noteのサムネイルも、出どころは全部この1枚です。

前章で確認したとおり、購入者は導線上の画像の統一感から商品の品質を推定します。つまりこのファイルは、デザインの設定ファイルであると同時に、商品の信頼の源泉でもあります。80枚のスライドが崩れないのは、80枚それぞれを丁寧に作るからではなく、80枚が同じ1枚を参照しているからです。

ここで誤解を1つ解いておきます。「デザインセンスがないと世界観なんて作れない」という見立ては誤りです。このファイルに書くのはセンスの言語化ではなく、制約の言語化です。「美しい配色を選ぶ」必要はありません。「使う色を3つに決めて、それ以外を禁止する」だけです。

センスは選択の質を問われますが、制約は決めの問題です。非デザイナーでも書けます。しかも書く内容の大半は、後述のとおり、すでにあなたの過去のコンテンツの中にあります。

なお、AIに守らせるルールである以上、書き方には条件があります。「上品な感じで」のような曖昧な美意識ではなく、「#1B3A5C をメインに使う」「影は使わない」のような、従ったかどうかを機械的に判定できる明文ルールで書くことです。次節の5ブロックは、この条件を満たすように設計してあります。

記載する5ブロックの設計

ファイルに書くのは次の5ブロックです。順に、書く内容と記入例を示します。

ブロック①: ブランドカラー。HEX値（#で始まる6桁の色コード）で3〜5色を指定し、それぞれに役割を付けます。「青系」ではなく「#1B3A5C」と書くのは、揺れの余地を消すためです。記入例は「メイン #1B3A5C（背景・見出し）／サブ #F5F2EA（地の色）／アクセント #D9622B（強調。1枚1箇所まで）」。役割まで書くことで、色の使われ方も固定されます。

ブロック②: トーン。スライド全体の温度感を一語で決め、補足を付けます。記入例は「淡々（数字と構造で語る。感嘆符は使わない）」。一語に圧縮するのは、生成のたびに参照しやすくするためです。淡々・熱量・上品・無骨など、自分の発信の温度に合う一語を選びます。

ブロック③: 言葉遣いの癖。敬体か常体か、漢字の開き方、使う言い回しと使わない言い回しを書きます。記入例は「スライド内は常体／『出来る』は『できる』と開く／体言止めは見出しのみ可」。前章で見たとおり、言葉遣いの揺れは文字情報側の不統一なので、ビジュアル修正では消えません。文字のルールはここで固定します。

ブロック④: 図解の型。対比・フロー・包含といった論理構造を、自分はどう描くかのルールです。記入例は「対比は左右2分割、結論側を右に置く／手順は左から右への横フロー、1枚3ステップまで」。このブロックだけは補足が必要なので、後の節で独立に扱います。

ブロック⑤: 禁止事項。やってはいけないことのリストです。5ブロックの中で出力の安定に最も効くため、これも次節で独立に扱います。

ファイル形式はMarkdown1枚を推奨します。人間が読んで点検でき、AIもそのまま読める形式だからです。CSSトークンやJSONへの展開は第4章でClaude Codeにやらせるので、この段階では考えなくて構いません。

禁止リストが世界観を最も強く守る

5ブロックのうち、どれか1つしか書く時間がないなら禁止事項を書いてください。経験上、AIには「やってよいこと」を増やすより「やってはいけないこと」を明文化するほうが、出力が安定します。

理由は前章の診断と同じ構造です。揺れは、AIの裁量が残った場所で発生します。「青を使え」という許可は、青以外の扱いに裁量を残します。「4色目以降は使うな」という禁止は、その裁量自体を削ります。許可は空白を残し、禁止は空白を塞ぎます。だから禁止リストのほうが強く効きます。

最小構成は次の3点です。

3色上限: 定義した色以外を使わない（4色目の禁止）
2フォント上限: 見出し用・本文用の2種以外を使わない（3種目の禁止）
装飾禁止: グラデーション・影・立体表現を使わない

AIに任せると、1枚に5色以上・フォント3種以上が混在する方向へ流れがちです。これが安っぽさの主要な発生源の1つで、逆に言えば、この3点を明文化するだけで生成物の見栄えは別物になります。まずこの3点を書き、自分の過去の失敗作を見ながら「これも禁止したい」という項目を足して、5項目以上にしてください。

既存コンテンツから世界観を逆算抽出するワーク

5ブロックに何を書くか、ゼロから発明する必要はありません。あなたがnoteやBrainで発信を続けてきたなら、世界観の素材はすでに存在します。やるのは創作ではなく抽出です。

手順は3段階です。

自分のnote記事3本・サムネイル・過去に作ったスライドや図解を1画面に並べる
繰り返し現れている要素を書き出す（よく使う色、よく使う言い回し、図の描き方の癖。目安10個）
書き出した要素を5ブロックに振り分ける

色はスポイトツール（画面上の色を拾ってHEX値を表示するツール。ブラウザ拡張機能で十分です）で既存サムネから直接拾います。「自分の青」がどのHEX値なのかを確定させることが、このワークの中心作業です。

注目すべきは、自分では無自覚だが読者には識別子になっている癖です。よく使う接続詞、見出しの付け方、矢印の使い方などがその典型です。自分にとって当たり前すぎて意識に上らない要素ほど、読者側では「この人の見た目」として認知されています。頭の中で思い出すだけでは見えないので、必ず物理的に並べてください。

中核例の佐伯亮（本記事の手順を説明するために設定したモデルケースの想定例で、noteで教材30本・Brainで2本を販売する副業販売者という設定です）なら、30本の教材サムネを並べる作業になります。並べてみると、紺系の濃色背景・白抜きの大きな見出し・装飾のない構成が大半を占めていることが分かります。

本人が意図して統一した覚えはなくても、紺・白・橙の3色と淡々とした文字運びが、すでに事実上の世界観として運用されていたわけです。逆算抽出とは、この「すでにやっていたこと」を明文化してファイルに昇格させる作業です。

発信実績がまだ少ない場合は、「好きな他者のコンテンツ」ではなく「自分が過去に作った中で一番ましだったもの」を起点にしてください。理由は章末のつまずきの節で述べます。

図解の型を世界観に含める ― 装飾と図解の区別

5ブロックのうち、図解の型は含め忘れが最も多いブロックです。色とフォントだけ固定して図解の描き方が毎枚バラバラ、という状態は、定義ファイルを作った人にもよく起きます。

先に区別を1つ置きます。図解は構造の可視化であり、装飾ではありません。「おしゃれにして」という指示で増えるのは飾りだけで、対比・フロー・包含といった論理構造は何も伝わりやすくなりません。定義ファイルに書くべきは「きれいに見せる方法」ではなく「構造をどう描くか」のルールです。

やることは絞り込みです。自分が多用する論理構造を2〜3型に絞り、それぞれの描き方を固定します。

対比型: 2案や前後を比べる構造。例「左右2分割、結論側を右に置く」
フロー型: 手順や時系列の構造。例「左から右の横並び、1枚3ステップまで」
包含型: 全体と部分の構造。例「外枠と内箱の入れ子、2段まで」

「3型しかないと表現が貧しくならないか」という疑問が出るはずですが、逆です。型が固定されているほど、読者は速く読めます。型が毎枚揺れると読者は枚ごとに読み方を学び直すことになる、というのが前章の診断でした。型を2〜3に絞ることは、「読み方を一度覚えれば最後まで通用する教材」を提供することと同じです。

そしてこの絞り込みは、第8章で扱うX図解発信にそのまま効きます。週5枚の投稿が常に同じ2〜3型で流れてくると、タイムライン上で「この見た目＝この発信者」という認知が貯まっていきます。型の少なさは制約ではなく、識別子です。

定義ファイル初版の完成基準とサンプル

初版の完成基準は3つです。

A4換算1枚以内に収まっている
5ブロックすべてが埋まっている
禁止リストが5項目以上ある

この基準を満たす穴埋め式の構成例を示します。特典①の完全テンプレートはこの構成を拡張したものなので、まずこの形で作っておけば、あとからそのまま差し替えられます。

# 世界観定義ファイル v1.0（最終更新: ____-__-__）

## 1. ブランドカラー
- メイン: #______（用途: 背景・見出し）
- サブ: #______（用途: 地の色・本文）
- アクセント: #______（用途: 強調。1枚1箇所まで）

## 2. トーン
- 基調: ______（一語。例: 淡々）
- 補足: ______（例: 数字と構造で語る。感嘆符は使わない）

## 3. 言葉遣い
- 文体: ______（敬体か常体か）
- 表記: ______（例: 「出来る」は「できる」と開く）
- 使わない言い回し: ______

## 4. 図解の型
- 対比: ______（例: 左右2分割、結論側を右）
- フロー: ______（例: 左→右の横並び、1枚3ステップまで）
- 上記以外の型は使わない。他の構造は上記の型に変換する

## 5. 禁止事項
- 4色目以降の使用
- フォント3種目の使用
- グラデーション・影・立体表現
- ______
- ______

このファイルがやっていることは単純です。前章で分解した4つの揺れ（配色・フォント感・言葉遣い・図解の型）の発生点をブロック1〜4で1つずつ塞ぎ、最後の禁止事項でAIに残る裁量を削っています。空欄を逆算抽出ワークの結果で埋めれば、初版は完成です。冒頭に「v1.0」と版数を付けてあるのは、このファイルが今後改訂されていく前提だからです。

ここで強調したいのは、初版は60点でよいということです。定義ファイルは固定物ではなく運用物であり、読者レビュー・Xの反応・自分の違和感を月1回ファイルに還元して育てる設計になっています（第10章で扱います）。初版で完成度を追う意味はありません。60点の初版を今日保存するほうが、100点の構想を1ヶ月寝かせるより、パイプライン構築としては先に進んでいます。

よくあるつまずき3つ

最後に、定義ファイル作成で止まりやすいポイントを3つ挙げます。いずれも事前に知っていれば回避できます。

つまずき①: 完璧主義で1週間止まる。「自分の世界観はこれでいいのか」と色選びの段階で止まるパターンです。回避策は、問いのすり替えです。問うべきは「この3色が最高か」ではなく「この3色で80枚作って崩れないか」です。前者には答えがなく、後者には答えがあります。決めて、運用し、第10章のサイクルで直す、という順番が定義ファイルの正しい使い方です。

つまずき②: 色を増やしたくなる。書いている途中で「この場面ではこの色も使いたい」と例外が増えていくパターンです。例外が1つ増えるごとに、AIの裁量、つまり揺れの発生点が1つ戻ります。3色で表現できない情報は、色ではなく図解の型（対比・包含）で表現してください。色は識別を担い、表現は構造が担う、という分担を崩さないことです。

つまずき③: 他人のテンプレを写して自分の世界観でなくなる。配布されているデザインテンプレや他人の定義ファイルの値をそのまま使うパターンです。ファイルとしては動きますが、前章で見たテンプレ既視感の問題がそのまま戻ってきます。借りた世界観は、同じものを借りた他の発信者と区別が付きません。識別子にならない世界観は、X導線でもサムネでも機能しません。構成例の「型」は借りて構いません。しかし空欄に入れる「値」は、必ず自分の過去コンテンツから抽出してください。先ほど「他者のコンテンツを起点にしない」と述べた理由もここにあります。

定義ファイルの初版ができたら、パイプラインの心臓部は完成です。次章からは、この1枚を実際に生成工程へ流し込みます。まずClaude Design側で、定義ファイルの有無が出力をどれだけ変えるかを自分の目で確認するところから始めます。

【この章のアクションリスト】

[ ] 自分のnote記事・サムネ・スライドを3点以上並べ、繰り返し現れる要素を10個書き出す
[ ] スポイトツールで既存サムネからHEX値を拾い、メイン・サブ・アクセントの3色を確定する
[ ] 禁止リストを5項目書く（3色上限・2フォント上限・装飾禁止＋自分の追加2項目）
[ ] 5ブロック構成で定義ファイル初版（Markdown 1枚・v1.0）を保存する
[ ] ファイル名と保存場所を固定してメモする（第4章でClaude Codeのプロジェクトに配置するため）

第3章 Claude Design 入門 ― デザイン生成エンジンとしての使い方

前章で世界観定義ファイルの初版ができました。本章からは、この1枚を実際の生成工程に流し込みます。最初に触るのはClaude Design側です。

この章のゴールは3つです。定義ファイルを与えた最初の1枚を生成すること、チャット指示・キャンバスへのコメント・テキスト編集という3つの修正手段を使い分けられるようになること、そして「ビジュアルの生成と調整はClaude Designの担当」という役割理解を固定することです。Claude Codeを記事生成で使った経験があっても、Claude Designは初めてという前提で進めます。

Claude Designとは ― 位置づけと本記事での役割

Claude Designは、Anthropicが2026年4月に公開したリサーチプレビュー（正式版前の試験公開段階）です。テキストプロンプトからスライド・ピッチデック（投資家向けの事業説明資料）・LPなどを生成でき、デザインツールの操作経験がない人向けの位置づけになっています。重要なのは、生成して終わりではなく、チャットでの指示・キャンバスへの直接コメント・テキスト編集という3つの手段で生成後の修正ができる点です。

リサーチプレビューという段階上、画面構成や細かな仕様は今後変わる可能性があります。そのため本記事では、ボタン名や画面配置のような細部ではなく、「何ができて、どういう流れで使うか」という機能レベルで解説します。細部が変わっても流れは変わらないので、この読み方のほうが寿命の長い知識になります。

第1章の手法マップを思い出してください。生成系SaaSは速くて扱いやすいが、テンプレ選択型ゆえに「世界観の定義と強制」ができない、というのが診断でした。Claude Designが本パイプラインで担うのは、この「扱いやすさ」の側です。テンプレを選ぶのではなく、こちらが書いた定義をプロンプトとして受け取り、対話で調整できます。つまり自分の世界観を持ち込める生成環境である点が、テンプレ選択型との決定的な違いです。

ただし、世界観の管理まではやらせません。本パイプラインの分業では、Claude Designの担当はビジュアルの生成と調整、定義ファイルの管理・構成案の生成・量産処理はClaude Codeの担当です（第4章で構築します）。この線引きは章を通じて何度も効いてくるので、先に固定しておいてください。

利用条件と費用にも先に触れておきます。Claude Codeは、Claudeの有料プラン（月20ドル前後のProプランから利用でき、上位プランもあります）で使えます。Claude Designはリサーチプレビューとして提供中で、利用できる範囲や条件は今後変わる可能性があるため、開始前に公式の最新情報を確認してください。どちらも買い切りではなく月額制です。この固定費は、第8章で扱う教材改訂1本分の売上で回収を狙う構造になっています。なお、料金の細部やプラン名の網羅はここでは断定しません。変わり得る情報は、契約時点の公式表記を正とするのが安全です。

最初のスライドを生成する ― 定義ファイルをプロンプトに与える