mcpField
P
pitch-deck-visuals

pitch-deck-visuals

github.com/pedronauck文档处理646217 次安装1 周前更新
代码仓库

关于 pitch-deck-visuals

使用 inference.sh CLI 制作投资人演示文稿视觉内容的 Skill,提供 12 页结构与设计指引,并通过 inference.sh 应用示例生成图片和图表。

主要功能

  1. 0112 页演示文稿结构
  2. 02字体与版式指引
  3. 03图表类型与样式规则
  4. 04通过 inference.sh 生成幻灯片图片
  5. 05市场、增长和竞争图表示例

适用场景

  1. 01规划种子轮投资人演示文稿
  2. 02将市场规模制作成幻灯片视觉内容
  3. 03为增长指标制作图表
  4. 04统一幻灯片版式与字体

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/pedronauck/skills --skill pitch-deck-visuals

安装后在 Claude Code 中输入/pitch-deck-visuals确认已加载。

附带文件_meta.json

详细介绍

路演演示文稿视觉设计

通过 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市场规模30sTAM → 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. 标题页
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. 问题页

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

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

布局:照片横向排列,每人配上姓名、职位和一项资历。

人员格式
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 inferencesh/skills@competitor-teardown
npx skills add inferencesh/skills@data-visualization
npx skills add inferencesh/skills@ai-image-generation

浏览所有应用:infsh app list

评论

支持 Markdown