101-skills/superpowers

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

演示文稿视觉设计

通过 inference.sh CLI 创建投资人级别的演示文稿视觉元素。

快速开始

需要 inference.sh CLI (belt)。安装说明

belt login

# 生成幻灯片背景
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	标题	15秒	公司名称、标语、您的姓名
2	问题	45秒	用数据说明痛点
3	解决方案	45秒	用一句话描述您的产品
4	演示/产品	60秒	截图或现场演示
5	市场规模	30秒	TAM → SAM → SOM
6	商业模式	30秒	您如何盈利
7	进展	45秒	增长指标、客户
8	竞争	30秒	定位而非功能对比
9	团队	30秒	为什么你们会赢
10	财务数据	30秒	收入预测、单位经济
11	融资计划	15秒	融资金额及用途
12	联系方式	10秒	邮箱、下一步行动

总时长：约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定位图。

# 参见 competitor-teardown 技能以生成定位图
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. 团队幻灯片

# 生成专业团队头像/全身照
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	姓名、职位，“前[公司]，[资历]”
CTO	姓名、职位，“在[公司]构建了[产品]”
其他	姓名、职位，一项相关资历

团队幻灯片最多展示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