pitch-deck-visuals

安装 belt CLI 技能： npx skills add belt-sh/cli

路演演示文稿视觉设计

通过 inference.sh CLI 创建适合投资者的路演演示文稿视觉素材。

快速开始

需要 inference.sh CLI（belt）。安装说明

belt login

# Generate a slide background
belt 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	适用时，每页一个
正文	24-32px	最多 6 个项目符号
图片说明/来源	16-20px	注明数据来源
字体	仅限无衬线字体	Inter、Helvetica、SF Pro 或类似字体

1-6-6 规则

• 每页 1 个核心观点
• 每个项目符号最多 6 个词
• 每页最多 6 个项目符号

如果需要更多文字，就增加幻灯片。

颜色

元素	指南
背景	深色（藏青色、炭灰色）或纯白——选定一种并坚持使用
强调色	使用一种品牌色突出重点
文字	深色背景用白色，浅色背景用深灰色（#333）
图表	最多使用 2-3 种颜色，品牌色代表“你”
避免	文字渐变、霓虹色、超过 3 种颜色

布局

规则	原因
保持页边距一致（80-100px）	显得专业、整洁
文字左对齐（正文不要居中）	更便于浏览
每页一个视觉元素	集中注意力
标注页码	方便投资者引用特定页面
在角落放置 Logo	低调强化品牌形象

逐页视觉指南

1. 标题页

belt 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. 问题页

一个醒目的数字 + 一句话。

belt 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）

使用同心圆，不要使用饼图：

belt 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. 发展势头页

展示增长，而不只是数字。 使用向右上方增长的图表。

belt 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
belt 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
belt 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
}'

布局：将照片横向排列，每张照片配上姓名、职位和一项资历。

人员	格式
CEO	姓名、职位、“曾任职于[Company]，[资历]”
CTO	姓名、职位、“在[Company]开发了[thing]”
其他成员	姓名、职位、一项相关资历

团队页最多展示 4 人。 人数更多会显得缺乏重点。

图表指南

图表类型	适用场景	不适用场景
折线图	展示随时间变化的增长（发展势头）	类别间比较
柱状图	比较数量	时间序列（应使用折线图）
同心圆	TAM/SAM/SOM	其他任何内容
2x2 矩阵	竞争定位	功能比较
单个醒目的数字	突出关键指标	多项指标
饼图	绝不使用	任何场景（难以阅读，也不专业）

图表设计规则

规则	原因
每张图表最多使用 2 种颜色	清晰易懂
公司使用绿色或品牌色	营造积极联想
直接在图表上标注	无需单独图例
删除网格线，或让网格线尽量浅淡	减少杂乱感
Y 轴从 0 开始	避免误导
注明数据来源	增强可信度

投资者关注什么

幻灯片	投资者真正想知道的问题
问题	“这是一个人们愿意付费解决的真实问题吗？”
解决方案	“它比现有方案好 10 倍吗？”
市场	“这个市场足够大、值得关注吗？”
进展	“这真的行得通吗？”
团队	“这些人有能力执行吗？”
融资需求	“这笔交易合理吗？”

常见错误

错误	问题	改进方法
幻灯片太多（20 张以上）	容易让人失去注意力，内容不够聚焦	最多 12–15 张幻灯片
大段文字	没人会读	1-6-6 规则：1 个观点、6 个词、6 个要点
与竞争对手的功能对比表	显得处于防守姿态	使用 2x2 定位图
饼图	难以阅读，显得不专业	使用条形图或醒目的数字
未注明数据来源	看起来像编造的	务必注明来源
团队幻灯片上有 8 人以上	内容不够聚焦	最多 4 人，突出相关经验
设计不一致	显得不专业	每张幻灯片使用相同的颜色、字体和页边距
没有“融资需求”幻灯片	投资者不知道你想要什么	说明金额、资金用途和时间线
虚荣指标	没有转化数据，“100 万次访问”毫无意义	展示收入、活跃用户数和留存率
产品演示过多	这是商业路演，不是产品演示	产品内容最多 2 张幻灯片，重点放在业务上

相关技能

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

浏览所有应用：belt app list