Triggers on "pitch deck", "investor deck", "presentation slides", "crear presentacion". Generates a self-contained HTML slide deck with JM Labs brand identity following the standard pitch sequence Cover-Problem-Solution-Market-Model-Team-Ask. Output: single HTML file with slide navigation, bilingual support, and print-ready styles. [EXPLICIT]
From jm-adknpx claudepluginhub javimontano/jm-adk-alfaThis skill is limited to using the following tools:
TL;DR — Produces a complete investor-grade pitch deck as a single self-contained HTML file. Follows the proven 10-slide sequence, applies JM Labs brand tokens (navy, gold, blue, Poppins/Inter, dark-first), includes keyboard navigation, bilingual ES/EN toggle, and print-to-PDF styles.
| Signal | Example |
|---|---|
| Deck creation request | "Build me a pitch deck for investors" |
| Slide-specific ask | "I need a problem-solution slide" |
| Spanish variant | "Necesito crear una presentacion para inversionistas" |
| Fundraising context | "We're raising a seed round, need a deck" |
| Demo day prep | "Help me prepare slides for demo day" |
Activate when the user needs a structured presentation deck for pitching a business, product,
or idea. Do NOT activate for internal meeting presentations (use presentation-design) or
keynote talks (use workshop-proposal).
| Slide | Title | Purpose | Max Duration |
|---|---|---|---|
| 1 | Cover | Company name, tagline, presenter | 15s |
| 2 | Problem | Pain point with evidence | 60s |
| 3 | Solution | Product/service and how it solves the problem | 60s |
| 4 | Demo/Product | Screenshots, workflow, key features | 90s |
| 5 | Market | TAM, SAM, SOM with sources | 45s |
| 6 | Business Model | Revenue streams, pricing, unit economics | 60s |
| 7 | Traction | Metrics, milestones, growth curves | 45s |
| 8 | Competition | Positioning matrix (NOT a feature grid) | 45s |
| 9 | Team | Key members with relevant credentials | 30s |
| 10 | Ask | Funding amount, use of funds, timeline | 30s |
Total target: 8-10 minutes. Each slide should convey ONE idea.
For each slide, extract from user input:
If the user provides insufficient data for a slide, mark it with [NEEDS INPUT] and list
specific questions to resolve.
:root {
--navy: #122562;
--gold: #FFD700;
--blue: #137DC5;
--bg: #0D1B2A;
--surface: #1B2D45;
--text: #F0F0F0;
--muted: #8892A0;
--font-heading: 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
}
| Data Type | Recommended Chart | Library |
|---|---|---|
| Market size (TAM/SAM/SOM) | Concentric circles | CSS only |
| Revenue growth | Line chart | Inline SVG |
| Competitive positioning | 2x2 matrix | CSS grid |
| Use of funds | Horizontal bar | CSS only |
| Team structure | Card grid | CSS flexbox |
Prefer CSS-only visuals to keep the HTML self-contained with zero external dependencies.
Single HTML file with embedded CSS and JavaScript. No external dependencies except Google Fonts (Poppins + Inter loaded via link tag with fallback system fonts).
Keyboard: ArrowRight/ArrowLeft or Space/Backspace
Touch: swipe left/right on mobile
Click: navigation dots at bottom center
Progress: thin gold bar at top indicating current position
EN | ES.data-en and data-es attributes.lang attribute on html element and swaps visible text.@media print {
.slide { page-break-after: always; }
.nav, .lang-toggle, .progress { display: none; }
:root { --bg: #FFFFFF; --text: #122562; }
}
Ensure each slide fits on one printed page in landscape orientation.
| Format | Method | Notes |
|---|---|---|
| HTML | Direct file | Open in any browser, present with F11 |
| Print to PDF | Landscape, no margins, background graphics ON | |
| Images | Browser screenshot | Each slide as PNG for social media |
After delivering the initial deck:
Include a hidden speaker-notes div per slide (visible only in HTML source or via
keyboard shortcut N):
| Decision | Option A | Option B | Recommendation |
|---|---|---|---|
| Slide count | 10 standard | 15+ detailed | 10 — investor attention is limited |
| Animation | CSS transitions | No animation | Subtle fade-in — professional not flashy |
| Data density | Charts + numbers | Minimal text | Balance — one key metric per slide |
| Dependencies | External libraries | Self-contained CSS | Self-contained — maximum portability |
| Language default | English first | Spanish first | Match user's primary audience |
<!-- Problem Slide -->
<section class="slide" data-slide="2">
<h2 data-en="The Problem" data-es="El Problema">The Problem</h2>
<p class="stat" data-en="73% of SMBs lose $10K+/year to manual invoicing"
data-es="73% de las PyMEs pierden $10K+/anio en facturacion manual">
73% of SMBs lose $10K+/year to manual invoicing
</p>
<div class="speaker-notes">
Source: Intuit SMB Survey 2024. Transition: "That's why we built..."
</div>
</section>
Why it works: single metric, bilingual, speaker notes, clean structure.
<div>
<h1>Problems</h1>
<ul>
<li>Invoicing is hard</li>
<li>Takes too long</li>
<li>People don't like it</li>
<li>It costs money</li>
<li>There are errors</li>
<li>No automation</li>
</ul>
</div>
Why it fails: no data, bullet-point overload, no brand styling, no bilingual support.
Before delivering the final HTML deck, confirm every item:
| File | Purpose |
|---|---|
references/slide-templates.html | HTML template for each slide type |
references/pitch-frameworks.md | YC, Sequoia, and Guy Kawasaki deck structures |
references/chart-patterns.css | CSS-only chart implementations |
references/speaker-notes-guide.md | How to write effective speaker notes |
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.