Communitygithub.com

피치 덱 시각 자료

투자자용 피치 덱을 만들기 위한 슬라이드별 프레임워크, 시각 디자인 규칙, 데이터 프레젠테이션 가이드입니다.

피치 덱 시각 자료란 무엇인가요?

이 스킬은 스타트업 창업자와 투자 유치를 준비하는 팀을 위해 투자자용 피치 덱을 처음부터 끝까지 제작할 수 있는 포괄적인 가이드를 제공합니다. 12슬라이드 프레임워크를 기반으로 각 슬라이드의 목적, 적정 분량, 시각적 레이아웃까지 상세히 설명하며, 타이포그래피, 색상, 레이아웃 등 디자인 원칙을 1-6-6 규칙과 함께 제시합니다. 또한 라인 차트, 막대 차트, 집중 원형 차트 등 상황별 적합한 차트 유형과 디자인 규칙을 설명하고, 팀 슬라이드 구성법과 투자자들이 실제로 보는 질문, 자주 하는 실수를 피하는 방법까지 다룹니다. CLI 도구인 `belt`를 활용해 HTML-to-image나 Python executor 명령어로 배경, 차트, 경쟁 구도 맵 등을 실제 이미지로 바로 생성할 수 있어, 별도 디자인 도구 없이도 전문적인 투자자 피치 덱을 완성할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/pitch-deck-visuals

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

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\">문제</p><h1 style=\"font-size:72px;margin:16px 0;font-weight:800;line-height:1.1\">팀은 수동 보고에 주당 12시간 낭비</h1><p style=\"font-size:28px;opacity:0.7\">출처: 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)전문적이고 깔끔함
텍스트는 왼쪽 정렬(본문 가운데 정렬 금지)스캔하기 쉬움
슬라이드당 하나의 시각 자료집중도 유지
슬라이드 번호투자자가 특정 슬라이드를 참조할 수 있도록 도움
모서리에 로고미묘한 브랜드 강화

슬라이드별 시각 가이드

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\">데이터플로우</h1><p style=\"font-size:32px;opacity:0.7;margin-top:16px\">데이터 팀을 위한 자동화 보고</p><p style=\"font-size:22px;opacity:0.5;margin-top:40px\">시드 라운드 — 2025년 1분기</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\">문제</p><h1 style=\"font-size:144px;margin:20px 0;font-weight:900;color:#f59e0b\">주 12시간</h1><p style=\"font-size:36px;opacity:0.8;line-height:1.4\">데이터 분석가가 수동 보고서 작성에<br>매주 평균 12시간 사용</p><p style=\"font-size:20px;opacity:0.4;margin-top:30px\">출처: 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, \"시장 기회\", ha=\"center\", fontsize=36, color=\"white\", fontweight=\"bold\")\nplt.tight_layout()\nplt.savefig(\"market-size.png\", dpi=100, facecolor=\"#0f0f23\")\nprint(\"저장됨\")"
}'

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 = [\"1월\", \"2월\", \"3월\", \"4월\", \"5월\", \"6월\", \"7월\", \"8월\"]\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(\"월간 반복 매출\", 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, \"8개월 만에 15배 성장\", color=\"#22c55e\", fontsize=18, ha=\"center\")\nplt.tight_layout()\nplt.savefig(\"traction.png\", dpi=100, facecolor=\"#0f0f23\")\nprint(\"저장됨\")"
}'

8. 경쟁 슬라이드

경쟁사와의 기능 비교표는 사용하지 마세요. 2x2 포지셔닝 맵을 사용하세요.

# 포지셔닝 맵 생성은 경쟁사 분석 스킬 참고
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    \"우리\": (0.6, 0.7, \"#22c55e\", 300),\n    \"레거시 도구\": (-0.5, 0.5, \"#6366f1\", 200),\n    \"스타트업 X\": (0.3, -0.4, \"#6366f1\", 200),\n    \"수동 프로세스\": (-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 == \"우리\" 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(\"수동 ← → 자동\", fontsize=22, color=\"white\", labelpad=15)\nax.set_ylabel(\"기본 ← → 고급\", fontsize=22, color=\"white\", labelpad=15)\nax.set_title(\"경쟁 환경\", 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(\"저장됨\")"
}'

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

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

관련 스킬