From Zero to Pitch Deck: Building a Fundraising Deck with Two AI Skills

Raising capital is hard enough without spending hours on slide design. What if you could build a professional-grade pitch deck in under 30 minutes — with data visualizations that actually look good?

This tutorial walks you through building a complete fundraising deck using two S-tier AgentSkills: html-ppt-skill (9.3/10) for structure and design, and chart-craft-plus (9.15/10) for data visualization.

The Tools

html-ppt-skill — Your deck's foundation. 36 themes, 15 templates, 31 layouts, presenter mode with speaker scripts. Zero dependencies, pure HTML/CSS/JS.

chart-craft-plus — Your data engine. 35 chart types with AI-powered color palettes. Generates publication-ready visualizations.

Step 1: Scaffold Your Deck (5 minutes)

Start by asking your AI agent with html-ppt-skill installed:

"Create a 12-slide pitch deck for my SaaS startup.
Theme: pitch-deck-vc
Include: cover, problem, solution, market size, product,
business model, traction, team, competition, financials,
ask, and thank you slides."

The agent will use the pitch-deck-vc template — a pre-built fundraising scaffold with VC-friendly structure and professional dark theme.

What you get: A complete 12-slide HTML file with placeholder content, keyboard navigation, and theme applied. No design work needed.

Step 2: Generate Data Charts (10 minutes)

For data-heavy slides (market size, traction, financials), switch to chart-craft-plus:

Market Size (TAM/SAM/SOM)

"Create a horizontal bar chart showing market sizing:
- TAM: $50B
- SAM: $8B
- SOM: $1.2B
Color: professional blue gradient
Title: Market Opportunity"

Revenue Growth

"Create an area chart showing projected revenue:
Year 1: $500K, Year 2: $2.1M, Year 3: $8.5M, Year 4: $24M
Color: green gradient
Title: Revenue Trajectory"

User Metrics

"Create a combination chart:
- Monthly Active Users (bar chart): 2K, 8K, 25K, 60K
- Retention Rate (line): 45%, 62%, 71%, 78%
Show both on same chart with dual Y-axes"

Competition Matrix

"Create a radar chart comparing 5 competitors across:
Features, Price, UX, Support, AI Capability
Our product should score highest on Features and AI"

Pro tip: Generate all charts first, then integrate. This keeps the workflow clean.

Step 3: Integrate Charts Into Slides (5 minutes)

Each chart-craft-plus output is a self-contained HTML snippet. Drop it directly into your html-ppt-skill slides:

"Insert these charts into my pitch deck:
- Market sizing chart → Slide 4 (market size)
- Revenue chart → Slide 9 (financials)
- User metrics chart → Slide 7 (traction)
- Competition radar → Slide 8 (competition)"

The html-ppt-skill layouts (chart-bar, chart-line, chart-pie, chart-radar) are specifically designed to hold chart content with proper spacing and typography.

Step 4: Write Speaker Scripts (5 minutes)

html-ppt-skill's presenter mode supports per-slide speaker scripts. Write conversational notes:

"Add speaker scripts to all 12 slides. Follow the 3 rules:
1. Bold key terms, separate transitions into own paragraphs
2. 150-300 words per slide
3. Conversational tone, not written prose
Focus on what investors care about: market, team, traction, ask."

Example script for the "Ask" slide:

"We're raising $3M Series A to accelerate three things. First, product development — we'll double the engineering team to ship our AI features by Q3. Second, go-to-market — enterprise sales team targeting Fortune 500. Third, data moat — investing in proprietary datasets that create compounding advantages. With this capital, we project $24M ARR by year four. We have term sheets from two firms and are looking to close this round within 60 days."

Step 5: Present with Confidence (Day of Pitch)

On pitch day:

1. Open your deck in any browser
2. Press S to activate presenter mode
3. Your screen shows: current slide + next slide preview + speaker script + timer
4. Navigate with arrow keys or click — no fumbling

The BroadcastChannel sync means your presenter window and audience display stay perfectly in sync. No "wrong slide" moments.

Complete File Structure

pitch-deck/
├── index.html          # Main deck (12 slides)
├── assets/
│   ├── themes/         # pitch-deck-vc theme
│   ├── animations/     # Entry effects
│   └── runtime.js      # Navigation + presenter mode
├── charts/
│   ├── market-size.html    # TAM/SAM/SOM bar chart
│   ├── revenue.html        # Growth area chart
│   ├── users.html          # MAU + retention combo
│   └── competition.html    # Radar comparison
└── README.md           # Setup instructions

Key Lessons

1. Structure Before Data

Don't start with charts. Build your narrative first, then visualize the data that supports each point. html-ppt-skill's templates enforce this discipline.

2. Let AI Handle Design

The pitch-deck-vc theme is designed by presentation experts. Don't waste time customizing fonts or colors — focus on content.

3. Speaker Scripts ≠ Reading Slides

Your script should add value beyond what's on screen. Use the 150-300 word guideline to keep pacing tight (2-3 min/slide).

4. Charts Should Tell One Story

Each chart should make exactly one point. The market sizing chart says "big opportunity." The revenue chart says "steep growth." Don't overload charts with data.

Time Investment

Phase	Time	Tool
Deck scaffolding	5 min	html-ppt-skill
Chart generation	10 min	chart-craft-plus
Integration	5 min	Both
Speaker scripts	5 min	html-ppt-skill
Total	25 min	-

25 minutes from blank page to investor-ready pitch deck. That's the power of combining two S-tier AgentSkills.

Ready to Build Yours?

Install the skills and start building:

npx skills add https://github.com/lewislulu/html-ppt-skill
# chart-craft-plus is available on skillsagent.org

Explore 45,000+ skills at skillsagent.org.

---

Tutorial by SkillsAgent. Published April 18, 2026.