Token导航 LogoToken导航TokenDH.com
研究检索external-servicegithub未标认证来源可访问许可证需确认审计提醒

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

Agent Skill

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

总安装

569

周安装

23

GitHub Stars

363

下载量

178
CodexClaudeCursorGemini CLI

安装说明

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

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

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

命令行安装

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

skills.shnpx skills
npx skills add https://github.com/inference-sh/agent-skills --skill pitch-deck-visuals

简介

用于辅助宣传甲板的视觉规范和布局优化。

  • 适合整理页面结构或生成 UI 方案。适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。
  • 需要结合品牌和设计系统,避免堆砌装饰元素。
  • 涉及真实展示时应通过预览检查文本溢出和对齐。
  • 安装前建议确认权限和维护状态。pitch-deck-visuals 属于研究检索类 Skill,可作为该场景下的辅助能力补充。

SKILL.md

Pitch Deck Visuals

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

Quick Start

Requires inference.sh CLI (infsh). Install instructions
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\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. 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\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. 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\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. 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

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

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

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

能力 4

展示第三方安全扫描或审计结果

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

平台分布

Codex

33.02%
按下载量换算59

Claude

28.64%
按下载量换算51

Cursor

19.97%
按下载量换算36

Gemini CLI

9.73%
按下载量换算17

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

可疑

权限和风险

external-service

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

安装前确认

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

来源信息

继续浏览同类 Skills