📒

会社員のためのCodex資料作成術:Skillで統一感のあるプレゼン資料を作る実践ガイド

に公開
3

はじめに

最近、業務資料の作成にも生成AIを活用する機会が増えてきました。

ただし、AIにいきなり「プレゼン資料を作って」と依頼しても、実務でそのまま使える資料になるとは限りません。

特に会社員が作る資料では、以下のような点が重要になります。

  • スライド全体のトーンが揃っていること
  • メッセージが分かりやすいこと
  • 後から編集しやすいこと
  • 社内向けの資料として違和感がないこと

そこで本記事では、CodexとSkillを活用しながら、統一感のあるプレゼン資料を作るワークフローを整理します。

今回紹介する流れは、以下の3ステップです。

  1. 構成:Codexで資料全体のアウトラインを作る
  2. 視覚:画像生成AIでPPT全体の完成イメージを確認する
  3. 仕上げ:Presentation Skillで編集可能なプレゼン資料に落とし込む

1. 今回作るものと全体ワークフロー

1-1. 今回作るサンプル資料

今回のサンプルでは、公開用の題材として 「Codexとは何かを説明するプレゼン資料」 を作成します。

想定するスライド構成は、以下の5枚です。

No スライドタイトル 伝えたいこと
1 Codexとは何か 開発や業務作業を支援するAI Agentである
2 なぜ今Codexなのか 業務の自動化・標準化ニーズが高まっている
3 Codexでできること 調査、整理、生成、修正などを支援できる
4 Skillを使うメリット 作業手順やスタイルを再利用しやすくなる
5 業務資料作成への活用例 構成作成からPPT化まで一連の流れに応用できる

1-2. 全体ワークフロー

今回の資料作成フローは、大きく以下の4段階に分けます。

ポイントは、AIに最初から最後まで丸投げしないことです。

Codexには構成を考えさせ、画像生成AIには視覚イメージを作らせ、Presentation Skillには編集可能な資料化を任せます。

このように工程ごとに役割を分けることで、見た目だけではなく、後から修正しやすい実務向けの資料に近づけることができます。


2. 実際の作成フロー

2-1. Codexで資料構成を作る

まず最初に行うのは、資料の構成作りです。

ここでいきなりデザインを作り始めるのではなく、Codexに対して、資料の目的や想定読者、伝えたい内容を整理してもらいます。

今回の場合は、以下のようなプロンプトを入力しました。

社内向けに「Codexとは何か」を説明する5枚構成のプレゼン資料を作りたいです。

想定読者:
- Codexをまだ使ったことがない社員
- 業務効率化や資料作成への活用を検討している人

資料の目的:
- Codexの概要を理解してもらう
- Skillを使うことで作業品質を安定させられることを伝える
- 業務資料作成への応用イメージを持ってもらう

5枚構成で、各スライドのタイトル、メインメッセージ、載せる内容を整理してください。

Codexから出てきた構成案は、下図のとおりです。

生成結果のまとめ
生成結果のまとめ

後工程での手戻りを防ぐために重要なのは、生成された内容を人間の目で確認し、自分が伝えたい意図と齟齬がないかをチェックすることです。

この段階で構成を固めておくと、後続の画像生成やPPT化に向けたプロンプトも作りやすくなります。


2-2. プレゼン資料のスタイルを準備する

資料構成がある程度固まったら、次にプレゼン資料のスタイルを準備します。

社内で既にプレゼンのデザインルールやテンプレート方針をまとめたMarkdownファイルがある場合は、それをSkillとして参照したり、Codexに読み込ませたりすることで、より統一感のある出力に近づけやすくなります。

たとえば、以下のような内容がStyle Markdownに整理されていると便利です。

# Presentation Style Guide

## 基本方針
- ビジネス向けのシンプルなプレゼン資料
- 余白を広く取り、情報を詰め込みすぎない
- 1スライド1メッセージを基本とする
- 図解中心で、長文説明は避ける

## カラー
- 背景:白
- メインテキスト:黒または濃いグレー
- サブテキスト:グレー
- アクセント:紫
- 補助色:薄いグレー、淡い紫

## レイアウト
- タイトルは上部左寄せ
- 本文はカード、図解、プロセス図を中心に構成
- 重要な数字やキーワードは大きく表示
- スライド間で余白、線、アイコンの使い方を揃える

## 避けたい表現
- 過度な装飾
- カラフルすぎる配色
- 文字量の多いスライド
- 意味のない写真素材

このようなスタイル定義があると、画像生成AIに対しても「どのような雰囲気の資料にしたいか」を具体的に伝えやすくなります。

もし既存のStyle MarkdownやSkillがない場合は、プロンプト内に簡易的なデザイン条件を直接書いても問題ありません。


2-3. 画像生成AI用のプロンプトを作成する

スタイルの準備ができたら、ここからは、これまで整理した 「各スライドの構成内容」「Style Markdown」 をもとに、画像生成AI用のプロンプトを作成します。

以下のようにCodexに依頼すると、かなり詳細な画像生成AI用プロンプトを返してくれます。

以下の内容をもとに、画像生成AIで使用するためのプロンプトを作成してください。

## 目的
5枚構成のプレゼン資料について、最終的な完成イメージを確認するための「サムネイル一覧画像」を作成したいです。

## 画像の用途
プレゼン資料全体のデザイン方向性を説明するために使用します。

## 出力形式
画像生成AIにそのまま貼り付けられるプロンプトとして作成してください。

## 前提
- 最終成果物は編集可能なPPTとして別途作成します
- ここで作る画像は、あくまでデザイン方向性を確認するためのラフイメージです
- 細かい本文の正確性よりも、全体のトーン、余白、レイアウト、統一感を重視します

## スライド構成
Step2-1で作成した構成を参照してください。

## デザイン条件
添付したStyle Markdownを参照してください。

返したプロンプト
返したプロンプト

このように、Codexに直接画像を作らせるのではなく、まず画像生成AI向けのプロンプトを整理してもらうのがポイントです。


2-4. 画像生成AIで全体イメージを確認する

ここまで準備できたら、次に画像生成AIを使って、プレゼン資料の全体イメージ画像を作成します。

利用する画像生成AIは、GPT Image-2やNano Bananaなど、普段使いやすいもので問題ありません。

ここでは、Codex上で 「Image Gen」 のSkill(裏はGPT Image-2)を呼び出し、Step2-3で作成した画像生成AI用プロンプトを利用する方法を例として紹介します。

Codexの操作画面
Codexの操作画面

約2分ほどで、以下のような全体イメージが生成されました。

サンプル資料の全体イメージ
サンプル資料の全体イメージ

ここで生成した画像は、あくまで完成イメージの確認用です。
そのため、画像内の細かい文字が多少崩れていても、この段階では大きな問題にはしません。
むしろ重要なのは、資料全体の雰囲気やレイアウトの方向性を早い段階で確認できることです。


2-5. 仕上げ:Presentation Skillで編集可能なプレゼン資料に落とし込む

Step2-4でプレゼン資料全体の完成イメージを確認できたら、最後にPresentation Skillを使って、編集可能なプレゼン資料として出力します。

ここで重要なのは、画像生成AIで作成した全体イメージをそのままPPTに貼り付けるのではなく、Codexで整理した構成内容Style Markdown画像生成AIで確認した全体イメージ をもとに、後から編集できる形で資料化することです。

今回は、Codex上で 「Presentation Skill」 を呼び出し、以下のように依頼しました。
しばらく待つと、編集可能なプレゼン資料が生成されます。


Presentation Skillの呼び出し例

この工程まで進めることで、単なる「見た目のよい画像」ではなく、実際のレビューや修正に耐えられるプレゼン資料に近づけることができます。

最後に、人間が内容、表現、レイアウトを確認し、必要に応じて微調整することで、完成形に仕上げます。


まとめ

今回は、CodexとSkillを活用して、統一感のあるプレゼン資料を作る流れを整理しました。

全体の流れは、以下の通りです。

1. 【構成】Codexで資料構成を作る
2. 【視覚】完成イメージ作成
           - プレゼン資料のStyle Markdownを準備する
           - 画像生成AI用のプロンプトを作成する
           - 画像生成AIで全体イメージを確認する
3. 【仕上げ】Presentation Skillで編集可能なプレゼン資料に落とし込む
4. 【仕上げ】最後に人間が確認・微調整する

AIにいきなり「プレゼン資料を作って」と丸投げするだけでは、実務でそのまま使える資料にならないこともあります。

一方で、構成、視覚、仕上げの工程を分け、それぞれの工程でCodex、画像生成AI、Presentation Skillを使い分けることで、資料作成の品質と再現性を高めやすくなります。

特に会社員が作る資料では、見た目の綺麗さだけでなく、メッセージの分かりやすさ、修正しやすさ、社内資料としての違和感のなさが重要です。

今回紹介した流れは、PoC説明資料、社内勉強会資料、業務改善提案資料などにも応用できると思います。

Accenture Japan (有志)

Discussion

Ryo TsukudaRyo Tsukuda

記事読ませていただきました!参考になります、ありがとうございます!
自分はCLAUDEで資料などつくったりしていたのですが、CODEXとの出来栄えの差などはご存じだったりしますでしょうか?

個人的にはCLAUDEでやった際に、デザインの配色センスがなく。また伝えるべきことをうまく伝えられてないことがおおく、リテイクが多いイメージなのですが。
CODEXでやった際にリテイクなど必要だったかなどお聞きしたいです!

1
jiawei.fengjiawei.feng

コメントありがとうございます!

Claudeとの厳密な同条件比較まではできていないのですが、個人的には、出来栄えの差は「モデル単体の差」というより、どれだけ前提条件やスタイルを固定できるかの影響が大きいと感じています。

Claudeでも構成案や文章整理はかなり使いやすいです。
一方で、Style GuideやStyle Markdownのような前提条件を入れずに、プロンプトだけで資料デザインまで任せると、配色・余白・レイアウト・1スライド1メッセージの徹底などがブレやすく、リテイクが増えやすい印象があります。

今回Codexで試した流れでは、最初に資料構成を固めたうえで、Style Markdownで配色やレイアウト方針を明示し、さらにPresentation Skillで編集可能なポワポに落とし込む形にしました。
そのため、ゼロから何度も作り直すというよりは、「文言の調整」「一部レイアウトの微修正」「メッセージの見せ方の調整」くらいのリテイクで済みやすかったです。

ただし、Codexに任せれば一発で実務資料が完成するというよりは、

  1. スライド構成の作成
  2. デザイン方向性の確認
  3. 編集可能なポワポに落とし込む
  4. 人間による最終確認

を分けることで、手戻りを小さくできる、というのが今回のポイントだと思っています。

同じStyle MarkdownをClaude側でも使えば、出力の安定性はかなり上がると思います。
もし社内の方でしたら、共有可能な範囲で今回使ったStyle MarkdownのサンプルをTeams等で個別に共有できますので、必要であればご連絡ください!

1
Ryo TsukudaRyo Tsukuda

ご丁寧な説明ありがとうございます!!

初期から構成をしっかり決められたのですね、やっぱりそこの部分手間かけたほうがいいものができあがるんですね!参考になります
CodexAPPが使える状態ならアノテーション機能で変更したい部分指示しやすいですし
こうみると資料作りはCodexの方が向いてそうですね

共有ありがとうございます!社内の人間なので連絡させていただきます!

1