デザインされて見える資料を、プロンプトで書く
エージェントにアウトラインとトーンを渡します。Open Design が資料テンプレートとビジュアルシステムを適用するので、どのスライドもレイアウトされ、組版され、ブランドに沿います。空白の背景に箇条書きが並ぶだけではありません。
一言で言うと
Open Design はアウトラインを、エージェントが一度のセッションでレンダリングするデザインされた HTML 資料に変えます。ブラウザでプレゼンし、PDF や PPTX にエクスポートし、ソースはリポジトリに保持できます。
Open Design での資料作成の流れ
- 01
アウトラインを渡す
話したいポイントやおおまかな構成を貼り付けます。エージェントが資料スキルを読み込み、一つの長い文書ではなく、レイアウトされたスライドの連なりを生み出します。
- 02
資料のスタイルを選ぶ
Open Design は資料テンプレートを備えています — エディトリアル、スイス・インターナショナル、ダークなテクニカルなど。エージェントが一つを適用し、タイポグラフィ、グリッド、アクセントがすべてのスライドで一貫します。
- 03
スライドを生成する
各ポイントが適切な階層を備えたデザインされたスライドになります — タイトル、補助となるビジュアル、データの強調表示。HTML にレンダリングされるので、どのブラウザでもフルスクリーンでプレゼンできます。
- 04
プレゼン、エクスポート、反復
ブラウザからプレゼンするか、共有用に PDF / PPTX にエクスポートします。エージェントと話して磨きます。「データスライドを引き締めて、締めの行動喚起を加えて」のように。資料のソースはプロジェクト内に残ります。
プレゼンできるもの
スライド プロンプト全文を読む → Html Ppt ピッチデック
投資家向け 10 スライド HTML ピッチデック——白 + 青紫グラデーションのヒーロー、大きな数字、トラクション棒グラフ、450万ドル調達ページ。資金調達デック、シードラウンドピッチ、VC ミーティングスライドに最適。
スライド プロンプト全文を読む → Html Ppt 製品ローンチ
ローンチ基調講演デッキ — ダークヒーロー + ライトコンテンツ、ウォームオレンジ→ピーチアクセント、機能カード、価格階層、CTA。製品発表、機能ローンチ、基調講演スタイルの発表に使用。
スライド プロンプト全文を読む → Html Ppt Graphify Dark Graph
ダークテーマのナレッジグラフ deck。深夜のグラデーション (#06060c→#0e1020)、浮遊する blur orbs、SVG 力学グラフ、レインボーグラデーションタイトル、JetBrains Mono CLI ハイライト、glass-morphism カードを搭載。dev-tool / CLI / ナレッジグラフ / データビジュアライゼーション向けで、'AI-native + SF + 暖色系' の雰囲気。
スライド プロンプト全文を読む → Html Ppt ナレッジアーキテクチャ設計図
クリーム色の設計図アーキテクチャデッキ — クリーム紙 #F0EAE0 ベース + 単一の錆赤 #B5392A ハイライト、48px 設計図グリッドマスク、2px 黒枠ハードカード、パイプラインステップボックス（1つを浮き上がらせる）、右側の錆赤インサイトコールアウト、Playfair セリフ大文字、SVG 破線フィードバックループ。グラデーションなし、ソフトシャドウなし、シリアスで印刷に最適。
スライド プロンプト全文を読む → スイス・インターナショナル・デッキ
16カラムグリッド、1つの彩度の高いアクセントカラー、22種類の固定レイアウト（クラインブルー、レモン、ミント、セーフティオレンジ）。
スライド プロンプト全文を読む → Html Ppt Obsidian Claude Gradient
GitHub ダークパープルグラデーションデッキテーマ。GitHub-dark #0d1117 背景、紫青の放射状アンビエントライト、60px グリッドマスク、中央揃えレイアウト、パープルピルタグ、3色グラデーション見出し（#a855f7→#60a5fa→#34d399）、GitHub スタイルコードパレット、紫の左ボーダーハイライトブロックを搭載。開発者ワークフロー、MCP、Agent、開発ツールチュートリアルに最適。
スライド プロンプト全文を読む → Html Ppt Zhangzara ボールドポスター
ボールドポスター — 大型 Shrikhand ディスプレイフォントと消防車レッドのアクセントを使用したエディトリアルポスター美学。ブランドマニフェスト、創業者ビジョンデッキ、編集・文化提案、クリエイティブレビューなど、雑誌の表紙のようなインパクトが必要なコンテンツに最適。
スライド プロンプト全文を読む → Html Ppt Zhangzara Biennale Yellow
ビエンナーレイエロー — 温かみのある羊皮紙に太陽の黄色、深いインディゴのセリフ体と雰囲気のある陽光グラデーション。アートビエンナーレのポスター、美術館の年間プログラム、展覧会プレゼン、デザインカンファレンス資料、キュレーター提案書、文芸出版物、スタジオ回顧展などに最適。
スライド プロンプト全文を読む → 投資銀行ピッチブック
戦略的選択肢のための投資銀行ピッチブック。類似企業分析、先例取引、バリュエーションフットボールフィールド、DCF感応度分析、戦略オプションマトリックス、プロセス提案を含む。投資銀行固有のフォーマット、開示バンド、出典ラベルを保持。取締役会およびセルサイド向け資料に使用。
Open Design での資料 vs これまでのやり方
| 必要なこと | Open Design なら | PowerPoint / Keynote / AI スライドツール |
|---|---|---|
| アウトラインからスライドへ | ●一つのプロンプト。エージェントが全スライドをレイアウト | 各スライドを手で作るか、テンプレートと格闘する |
| 一貫したデザイン | ●本物のグリッドと文字組みシステムを備えた資料テンプレート | テーマのずれ、手動の位置合わせ、ブランド外のデフォルト |
| データと図表 | ●スライドの一部としてレンダリングされるチャートと強調表示 | 静止画を貼るか、毎回チャートを作り直す |
| エクスポート形式 | ●プレゼン用の HTML に加え、PDF / PPTX エクスポート | 一つのアプリの形式に縛られる |
| レビューとバージョン管理 | ●ソースがリポジトリ内にあり、差分が取れる | バイナリファイル、意味のある差分が取れない |
| コストとロックイン | ●オープンソース、自分の鍵を持ち込み、ローカルで動作 | アプリのライセンスやシート単位の AI アドオン |
アウトラインからレンダリングされた本物の資料。あなたの話に近いスタイルを選び、内容を説明してください。
スライド FAQ
-
01 PowerPoint や Keynote は必要ですか？
いいえ。Open Design はコーディングエージェントの中で資料を HTML にレンダリングし、PDF や PPTX にエクスポートできます。ブラウザからプレゼンするかファイルを渡すだけで、作るためにプレゼンアプリは要りません。
-
02 これは単なる AI 生成の箇条書きですか？
いいえ。エージェントはグリッド、文字サイズの体系、ビジュアル階層を備えた本物の資料テンプレートを適用するので、スライドは自動入力されたものではなく、デザインされて見えます。
-
03 クライアント向けに PowerPoint にエクスポートできますか？
はい。資料はプレゼン元の HTML に加えて PPTX と PDF にエクスポートできるので、相手が期待するどんな形式にも合わせられます。
-
04 どのエージェントを使えますか？
Claude Code、Codex、Cursor Agent、Gemini CLI、その他のファーストパーティアダプター。プロバイダーの鍵は自分で持ち込みます。
次の資料を今夜作る
リポジトリにスターを付け、Open Design をインストールして、あなたのアウトラインを、すでに使っているエージェントの中で、デザインされた資料に変えましょう。