Pitch Experience Generator

Pitch Experience Generator

Create immersive, scrollytelling investor pitch experiences that transform static pitch decks into animated, narrative-driven web experiences.

Outputs

Primary: IDE Project Scaffolding

{company-name}-pitch/
├── Overview.md                    # Executive summary, narrative arc, emotional journey
├── DesignSpec.md                  # Complete design system, component specs, animations
├── Tasks.md                       # Step-by-step build checklist
├── research/
│   ├── market-intelligence.md    # TAM/SAM/SOM with sources
│   └── competitor-analysis.md    # Competitive landscape
├── content/
│   ├── narrative-arc.md          # Story structure
│   └── copy-blocks.md            # All text by section
└── design/
    └── tokens.css                # CSS variables

Secondary: Interactive React Artifact

Simplified but functional preview viewable in Claude with hero, key sections, and animations.

Workflow

Step 1: Gather Inputs

Required:

• Company/Product name
• One-sentence pitch
• Problem being solved
• Target customer
• Stage: idea | mvp | revenue | scaling
• Traction highlights
• Funding ask + use of funds
• Team highlights

Optional (from project knowledge):

• Existing pitch materials
• Competitor names
• Target investor profile

Step 2: Industry Detection

Analyze inputs and confirm with user:

Confirm: "This appears to be [Industry]. Optimize for [Industry] investors?"

Step 3: Parallel Research

Execute three parallel research threads:

Thread 1: Market Intelligence (5 searches)

"[industry] market size TAM 2024"
"[industry] growth rate CAGR"
"[vertical] market trends"
"[industry] venture funding 2024"
"[geography] [industry] opportunity"

→ Output: research/market-intelligence.md

Thread 2: Competitive Landscape (5 searches)

"[competitor] funding valuation"
"[competitors] comparison"
"[industry] startup landscape"
"[problem] solutions comparison"
"[industry] competitive analysis"

→ Output: research/competitor-analysis.md

Thread 3: Narrative Strategy (Extended Thinking)

Synthesize without searching:

• Optimal story arc
• Emotional journey map
• Key proof points
• Objection rebuttals → Feeds into Overview.md

Step 4: Generate Files

Follow templates in references/output-templates.md. Apply design system from references/design-system.md. Use components from references/component-library.md.

Step 5: React Artifact Preview

Generate simplified artifact with:

• Hero (TextType + gradient background)
• 2-3 sections with GlassCards
• Animated metrics
• Scroll reveals

Section Structure

10-section narrative journey:

IDE Build Spec

package_manager: bun
framework: react (vite)
dependencies:
  - framer-motion
  - gsap  
  - lucide-react
  - recharts
  - tailwindcss
components: ReactBits patterns

Quality Gates

• All 10 sections populated
• Market data has sources
• Financials reasonable for stage
• Design tokens exact
• Artifact renders clean
• Narrative has emotional arc