Token导航 LogoToken导航TokenDH.com
研究检索external-servicegithub未标认证来源可访问clear审计未展示

pitch-deck-visuals宣传甲板视觉效果

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

22,249

周安装

598

GitHub Stars

2

下载量

6,565
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:pitch-deck-visuals(宣传甲板视觉效果)
来源仓库:https://github.com/skill-zero/s
仓库路径:skills/pitch-deck-visuals
安装命令:
npx skills add skill-zero/s --skill "pitch-deck-visuals"
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

AgentSkills.tonpx skills
npx skills add skill-zero/s --skill "pitch-deck-visuals"

简介

投资者推介材料结构,包括幻灯片框架、视觉设计规则和数据演示。涵盖 12 张幻灯片框架、图表类型、团队幻灯片以及投资者常见的问题。用于:筹款平台、投资者演示、创业推介、演示日、拨款提案。触发因素:融资平台、投资者平台、初创公司推介、筹款平台、演示日、推介演示、投资者演示、种子平台、A系列平台、推介幻灯片、初创公司演示、风险投资推介、投资者会议

SKILL.md

name
pitch-deck-visuals
description
Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting
allowed-tools
Bash(infsh *)

Pitch Deck Visuals

Create investor-ready pitch deck visuals via inference.sh CLI.

Quick Start

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

The 12-Slide Framework

#SlideDurationContent
1Title15sCompany name, tagline, your name
2Problem45sPain point with data
3Solution45sYour product in one sentence
4Demo/Product60sScreenshot or live demo
5Market Size30sTAM → SAM → SOM
6Business Model30sHow you make money
7Traction45sGrowth metrics, customers
8Competition30sPositioning, not feature list
9Team30sWhy you specifically will win
10Financials30sRevenue projections, unit economics
11The Ask15sHow much, what for
12Contact10sEmail, next steps

Total: ~6 minutes. Never exceed 20 slides.

Slide Design Rules

Typography

ElementSize (1920x1080)Rule
Slide title48-72pxMax 6 words
Key stat/number96-144pxOne per slide, when applicable
Body text24-32pxMax 6 bullet points
Caption/source16-20pxCite data sources
FontSans-serif onlyInter, Helvetica, SF Pro, or similar

The 1-6-6 Rule

  • 1 idea per slide
  • 6 words max per bullet
  • 6 bullets max per slide

If you need more text, you need more slides.

Color

ElementGuideline
BackgroundDark (navy, charcoal) OR clean white — pick one, commit
Accent colorONE brand color for emphasis
TextWhite on dark, or dark grey (#333) on light
Charts2-3 colors max, your brand color = "you"
AvoidGradients on text, neon colors, more than 3 colors

Layout

RuleWhy
Consistent margins (80-100px)Professional, clean
Left-align text (never center body text)Easier to scan
One visual per slideFocus attention
Slide numbersHelps investors reference specific slides
Logo in cornerSubtle brand reinforcement

Slide-by-Slide Visual Guide

1. Title Slide

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. Problem Slide

One big number + one sentence.

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. Market Size (TAM/SAM/SOM)

Use concentric circles, not pie charts:

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

7. Traction Slide

Show growth, not just numbers. Up-and-to-the-right chart.

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

8. Competition Slide

Never use a feature matrix against competitors. Use a 2x2 positioning map.

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

9. Team Slide

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

Layout: Photos in a row with name, title, and one credential each.

PersonFormat
CEOName, title, "Ex-[Company], [credential]"
CTOName, title, "Built [thing] at [Company]"
OthersName, title, one relevant credential

Max 4 people on the team slide. More = unfocused.

Chart Guidelines

Chart TypeUse ForNever Use For
Line chartGrowth over time (traction)Comparisons between categories
Bar chartComparing amountsTime series (use line)
Concentric circlesTAM/SAM/SOMAnything else
2x2 matrixCompetitive positioningFeature comparison
Single big numberKey metric highlightMultiple metrics
Pie chartNEVERAnything (hard to read, unprofessional)

Chart Design Rules

RuleWhy
Max 2 colors per chartClarity
Your company = green or brand colorPositive association
Label directly on chartNo separate legend needed
Remove gridlines or make very subtleReduce clutter
Start Y-axis at 0Don't mislead
Cite data sourcesCredibility

What Investors Look For

SlideInvestor's Real Question
Problem"Is this a real problem people pay to solve?"
Solution"Is this 10x better than the status quo?"
Market"Is this big enough to matter?"
Traction"Is this actually working?"
Team"Can these people execute?"
Ask"Is this a reasonable deal?"

Common Mistakes

MistakeProblemFix
Too many slides (20+)Loses attention, unfocusedMax 12-15 slides
Wall of textNobody reads it1-6-6 rule: 1 idea, 6 words, 6 bullets
Feature comparison table vs competitorsLooks defensiveUse 2x2 positioning map
Pie chartsHard to read, unprofessionalUse bar charts or big numbers
No data sources citedLooks made upAlways cite sources
Team slide with 8+ peopleUnfocusedMax 4, focus on relevant experience
Inconsistent designLooks amateurSame colors, fonts, margins on every slide
No "The Ask" slideInvestor doesn't know what you wantState amount, use of funds, timeline
Vanity metrics"1M visits" means nothing without conversionShow revenue, active users, retention
Too much product demoThis is a business pitch, not a demoMax 2 slides on product, focus on business

Related Skills

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

Browse all apps: infsh app list

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

67.75%
按下载量换算4,448

Cursor

30.27%
按下载量换算1,987

安全审计

暂无安全审计结果可展示。

权限和风险

external-service

该 Skill 可能调用第三方服务、云服务或外部模型 API,使用前需要确认账号、额度、数据发送范围和服务条款。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills