pitch-deck-visuals

ピッチデッキのビジュアル

inference.sh CLI を使って、投資家向けのピッチデッキのビジュアルを作成します。

クイックスタート

curl -fsSL https://cli.inference.sh | sh && infsh login

# Generate a slide background
infsh app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1920px;height:1080px;background:linear-gradient(135deg,#0f0f23,#1a1a3e);display:flex;align-items:center;padding:100px;font-family:system-ui;color:white\"><div><p style=\"font-size:24px;color:#818cf8;text-transform:uppercase;letter-spacing:3px\">The Problem</p><h1 style=\"font-size:72px;margin:16px 0;font-weight:800;line-height:1.1\">Teams waste 12 hours/week on manual reporting</h1><p style=\"font-size:28px;opacity:0.7\">Source: Forrester Research, 2024</p></div></div>"
}'

12枚構成のフレームワーク

#	スライド	所要時間	内容
1	タイトル	15s	会社名、タグライン、氏名
2	課題	45s	データで示す課題
3	ソリューション	45s	製品を一文で説明
4	デモ／製品	60s	スクリーンショットまたはライブデモ
5	市場規模	30s	TAM → SAM → SOM
6	ビジネスモデル	30s	収益を得る方法
7	実績	45s	成長指標、顧客
8	競合	30s	機能一覧ではなく、ポジショニング
9	チーム	30s	なぜあなたが勝てるのか
10	財務	30s	売上予測、ユニットエコノミクス
11	調達内容	15s	調達額と用途
12	連絡先	10s	メールアドレス、次のステップ

合計：約6分です。 20枚を超えないでください。

スライドデザインのルール

タイポグラフィ

要素	サイズ（1920x1080）	ルール
スライドタイトル	48-72px	最大6語
主要な数値	96-144px	該当する場合、1枚につき1つ
本文	24-32px	箇条書きは最大6項目
キャプション／出典	16-20px	データソースを明記
フォント	サンセリフのみ	Inter、Helvetica、SF Proなど

1-6-6のルール

• スライド1枚につきアイデアは1つ
• 箇条書き1項目につき最大6語
• スライド1枚につき箇条書きは最大6項目

もっとテキストが必要なら、スライドを増やしてください。

色

要素	ガイドライン
背景	暗色（ネイビー、チャコール）またはシンプルな白。どちらかを選び、統一する
アクセントカラー	強調にはブランドカラーを1色だけ使用
テキスト	暗い背景には白、明るい背景には濃いグレー（#333）
グラフ	最大2～3色。自社のブランドカラーは「自社」を表す
避けるもの	テキストのグラデーション、ネオンカラー、4色以上の使用

レイアウト

ルール	理由
余白を統一する（80-100px）	プロフェッショナルで整った印象になる
テキストは左揃えにする（本文は中央揃えにしない）	スキャンしやすくなる
1スライドにつきビジュアルは1つ	注意を集中させる
スライド番号を付ける	投資家が特定のスライドを参照しやすくなる
隅にロゴを配置する	ブランドをさりげなく印象付ける

スライドごとのビジュアルガイド

1. タイトルスライド

infsh app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1920px;height:1080px;background:#0f0f23;display:flex;align-items:center;justify-content:center;font-family:system-ui;color:white;text-align:center\"><div><h1 style=\"font-size:80px;font-weight:900;margin:0\">DataFlow</h1><p style=\"font-size:32px;opacity:0.7;margin-top:16px\">Automated reporting for data teams</p><p style=\"font-size:22px;opacity:0.5;margin-top:40px\">Seed Round — Q1 2025</p></div></div>"
}'

2. 課題スライド

大きな数値を1つと、一文を1つ。

infsh app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1920px;height:1080px;background:#0f0f23;display:flex;align-items:center;padding:100px;font-family:system-ui;color:white\"><div><p style=\"font-size:24px;color:#f59e0b;text-transform:uppercase;letter-spacing:3px;margin:0\">The Problem</p><h1 style=\"font-size:144px;margin:20px 0;font-weight:900;color:#f59e0b\">12 hrs/week</h1><p style=\"font-size:36px;opacity:0.8;line-height:1.4\">The average data analyst spends 12 hours per week<br>building reports manually</p><p style=\"font-size:20px;opacity:0.4;margin-top:30px\">Source: Forrester Research, 2024</p></div></div>"
}'

5. 市場規模（TAM/SAM/SOM）

円グラフではなく、同心円を使います。

infsh app run infsh/python-executor --input '{
  "code": "import matplotlib.pyplot as plt\nimport matplotlib\nmatplotlib.use(\"Agg\")\n\nfig, ax = plt.subplots(figsize=(19.2, 10.8))\nfig.patch.set_facecolor(\"#0f0f23\")\nax.set_facecolor(\"#0f0f23\")\n\ncircles = [\n    (0, 0, 4.0, \"#1e1e4a\", \"TAM\\n$50B\", 40),\n    (0, 0, 2.8, \"#2a2a5a\", \"SAM\\n$8B\", 32),\n    (0, 0, 1.4, \"#818cf8\", \"SOM\\n$800M\", 28)\n]\n\nfor x, y, r, color, label, fontsize in circles:\n    circle = plt.Circle((x, y), r, color=color, ec=\"#333366\", linewidth=2)\n    ax.add_patch(circle)\n    ax.text(x, y, label, ha=\"center\", va=\"center\", fontsize=fontsize, color=\"white\", fontweight=\"bold\")\n\nax.set_xlim(-5, 5)\nax.set_ylim(-5, 5)\nax.set_aspect(\"equal\")\nax.axis(\"off\")\nax.text(0, 4.8, \"Market Opportunity\", ha=\"center\", fontsize=36, color=\"white\", fontweight=\"bold\")\nplt.tight_layout()\nplt.savefig(\"market-size.png\", dpi=100, facecolor=\"#0f0f23\")\nprint(\"Saved\")"
}'

7. 実績スライド

数値だけでなく、成長を示します。 右肩上がりのグラフを使います。

infsh app run infsh/python-executor --input '{
  "code": "import matplotlib.pyplot as plt\nimport matplotlib\nmatplotlib.use(\"Agg\")\n\nfig, ax = plt.subplots(figsize=(19.2, 10.8))\nfig.patch.set_facecolor(\"#0f0f23\")\nax.set_facecolor(\"#0f0f23\")\n\nmonths = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\"]\nrevenue = [8, 12, 18, 28, 42, 58, 82, 120]\n\nax.fill_between(range(len(months)), revenue, alpha=0.3, color=\"#818cf8\")\nax.plot(range(len(months)), revenue, color=\"#818cf8\", linewidth=4, marker=\"o\", markersize=10)\nax.set_xticks(range(len(months)))\nax.set_xticklabels(months, color=\"white\", fontsize=18)\nax.tick_params(colors=\"white\", labelsize=16)\nax.set_ylabel(\"MRR ($K)\", color=\"white\", fontsize=20)\nax.spines[\"top\"].set_visible(False)\nax.spines[\"right\"].set_visible(False)\nax.spines[\"bottom\"].set_color(\"#333\")\nax.spines[\"left\"].set_color(\"#333\")\nax.set_title(\"Monthly Recurring Revenue\", color=\"white\", fontsize=32, fontweight=\"bold\", pad=20)\nax.text(7, 120, \"$120K MRR\", color=\"#22c55e\", fontsize=28, fontweight=\"bold\", ha=\"center\", va=\"bottom\")\nax.text(7, 112, \"15x growth in 8 months\", color=\"#22c55e\", fontsize=18, ha=\"center\")\nplt.tight_layout()\nplt.savefig(\"traction.png\", dpi=100, facecolor=\"#0f0f23\")\nprint(\"Saved\")"
}'

8. 競合スライド

競合との機能比較表は使わないでください。 2x2のポジショニングマップを使います。

# See the competitor-teardown skill for positioning map generation
infsh app run infsh/python-executor --input '{
  "code": "import matplotlib.pyplot as plt\nimport matplotlib\nmatplotlib.use(\"Agg\")\n\nfig, ax = plt.subplots(figsize=(19.2, 10.8))\nfig.patch.set_facecolor(\"#0f0f23\")\nax.set_facecolor(\"#0f0f23\")\n\ncompetitors = {\n    \"Us\": (0.6, 0.7, \"#22c55e\", 300),\n    \"Legacy Tool\": (-0.5, 0.5, \"#6366f1\", 200),\n    \"Startup X\": (0.3, -0.4, \"#6366f1\", 200),\n    \"Manual Process\": (-0.6, -0.6, \"#475569\", 150)\n}\n\nfor name, (x, y, color, size) in competitors.items():\n    ax.scatter(x, y, s=size*5, c=color, zorder=5, alpha=0.8)\n    weight = \"bold\" if name == \"Us\" else \"normal\"\n    ax.annotate(name, (x, y), textcoords=\"offset points\", xytext=(15, 15), fontsize=22, color=\"white\", fontweight=weight)\n\nax.axhline(y=0, color=\"#333\", linewidth=1)\nax.axvline(x=0, color=\"#333\", linewidth=1)\nax.set_xlim(-1, 1)\nax.set_ylim(-1, 1)\nax.set_xlabel(\"Manual ← → Automated\", fontsize=22, color=\"white\", labelpad=15)\nax.set_ylabel(\"Basic ← → Advanced\", fontsize=22, color=\"white\", labelpad=15)\nax.set_title(\"Competitive Landscape\", fontsize=32, color=\"white\", fontweight=\"bold\", pad=20)\nax.tick_params(colors=\"#0f0f23\")\nfor spine in ax.spines.values():\n    spine.set_visible(False)\nplt.tight_layout()\nplt.savefig(\"competition.png\", dpi=100, facecolor=\"#0f0f23\")\nprint(\"Saved\")"
}'

9. チームスライド

# Generate professional team headshots/avatars
infsh app run falai/flux-dev-lora --input '{
  "prompt": "professional headshot portrait, person in business casual attire, clean neutral background, warm studio lighting, confident friendly expression, corporate photography style",
  "width": 512,
  "height": 512
}'

レイアウト：写真を横一列に並べ、それぞれに氏名、役職、実績を1つ添えます。

人物	形式
CEO	氏名、役職、「[Company]出身、[credential]」
CTO	氏名、役職、「[Company]で[thing]を構築」
その他	氏名、役職、関連する実績を1つ

チームスライドに載せるのは最大4人です。 それ以上では焦点がぼやけます。

グラフのガイドライン

グラフの種類	用途	使用しない用途
折れ線グラフ	時系列での成長（実績）	カテゴリ間の比較
棒グラフ	数量の比較	時系列データ（折れ線グラフを使用）
同心円	TAM/SAM/SOM	その他すべて
2x2マトリックス	競合ポジショニング	機能比較
大きな数値1つ	主要指標の強調	複数の指標
円グラフ	絶対に使用しない	すべて（読みにくく、プロらしくない）

グラフデザインのルール

ルール	理由
1つのグラフにつき色は最大2色	明瞭さを保つため
自社は緑またはブランドカラーで表す	ポジティブな印象を与えるため
グラフ上に直接ラベルを付ける	別個の凡例が不要になるため
グリッド線を削除するか、ごく薄くする	ごちゃつきを減らすため
Y軸は0から始める	誤解を招かないため
データソースを明記する	信頼性を高めるため

投資家が注目する点

スライド	投資家が本当に知りたいこと
課題	「お金を払ってでも解決したい、本当の課題なのか？」
ソリューション	「現状より10倍優れているのか？」
市場	「重要な規模の市場なのか？」
トラクション	「実際にうまくいっているのか？」
チーム	「この人たちに実行できるのか？」
資金調達の依頼	「妥当な条件なのか？」

よくある間違い

間違い	問題点	修正方法
スライドが多すぎる（20枚以上）	関心を失わせ、焦点がぼやけます	12～15枚まで
文字ばかりのスライド	誰も読みません	1-6-6ルール：1つのアイデア、6語、6つの箇条書き
競合との機能比較表	守勢に見えます	2×2のポジショニングマップを使います
円グラフ	読みにくく、プロらしくありません	棒グラフまたは大きな数字を使います
データソースの記載がない	作り話のように見えます	必ず出典を記載します
8人以上を載せたチームスライド	焦点がぼやけます	4人までに絞り、関連する経験を強調します
デザインに一貫性がない	素人っぽく見えます	すべてのスライドで同じ色、フォント、余白を使います
「資金調達の依頼」スライドがない	投資家は何を求めているのかわかりません	金額、資金の使途、スケジュールを明記します
見栄えだけの指標	コンバージョン率がなければ「訪問数100万件」に意味はありません	売上、アクティブユーザー数、継続率を示します
製品デモが長すぎる	これはビジネスのピッチであり、デモではありません	製品のスライドは2枚までにし、ビジネスに焦点を当てます

関連スキル

npx skills add inferencesh/skills@competitor-teardown
npx skills add inferencesh/skills@data-visualization
npx skills add inferencesh/skills@ai-image-generation

すべてのアプリを表示：infsh app list