skills.rest
Keimoshi
KeimoshiCOMMUNITY
Explore all skills by this author →
GitHub

html-ppt-pitch-deck

Generates a 10-slide HTML investor pitch deck with gradient styling, traction charts, and speaker notes.

Updated May 20, 2026
Search Tags:#template#presentation#pitch deck#fundraising#seed round#investor deck#html slides
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-pitch-deck-keimoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt-pitch-deck
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/html-ppt-pitch-deck
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-pitch-deck-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Founders preparing for fundraising need a polished, investor-ready pitch deck but often lack design skills or time to build one from scratch in slide software. ## Core Features & Use Cases - Full-deck HTML template: Ships a 10-slide pitch structure (cover, problem, solution, product, market, business model, traction, team, ask, thanks) with a white + blue-to-purple gradient visual identity. - Built-in presentation runtime: Keyboard navigation, slide transitions, animations, speaker notes via <aside class="notes">, and a presenter view. - Themeable design system: Swap in any of 36 themes from the shared html-ppt assets via a single theme link. - Use Case: A founder raising a seed round asks for a deck with their traction numbers and a $4.5M ask; the Skill produces a self-contained HTML deck with a traction bar chart and a styled ask page. ## Quick Start Ask the assistant to build a 10-slide seed-round pitch deck in HTML using the html-ppt-pitch-deck template, providing your company name, one-line pitch, key traction numbers, and funding ask.

Frequently Asked Questions about html-ppt-pitch-deck

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML pitch deck for a seed round?▼

Copy the pitch-deck template's index.html and style.css into your project, keep the .tpl-pitch-deck body class, and replace the demo content with your company name, traction numbers, and funding ask while preserving the structural classes.

What slides are included in this pitch deck template?▼

The template ships 10 slides: cover, problem, solution, product, market, business model, traction with a bar chart, team, the ask with a gradient ask-box, and a closing thanks slide.

Why is my copied HTML deck not navigating between slides?▼

The upstream template links shared CSS and JS via ../../../assets/ paths that break outside the skill tree. Copy fonts.css, base.css, animations.css, and runtime.js into a project-local assets folder and rewrite the link and script tags, or inline them.

Can I change the color theme of the pitch deck?▼

Yes. The default tokens work as-is, but you can swap in any of the 36 themes from the html-ppt assets/themes directory via the theme-link element and cycle them with the T key.

How do I add speaker notes without showing them on slides?▼

Place speaker notes inside an aside or div with the notes class. The CSS hides .notes from the audience view, and the runtime displays them in the presenter overlay instead.

Related Skills

Explore More Personal & Entrepreneur Skills→
maigenticmaigentic
37

investor-pitch-deck-builder

Generates a structured investor pitch deck outline from upstream market and traction data.

Community
Advanced
ceoimperiumprojectsceoimperiumprojects
5

slides

Generate self-contained HTML slide decks with inline CSS and JavaScript.

Community
Intermediate
ovisanovisan
2

investor-materials

Create pitch decks, investor memos, financial models, and fundraising materials from a single source of truth.

Community
Intermediate
TakfesTakfes

elite-powerpoint-designer

Convert markdown and plain text into styled PowerPoint slide decks.

Community
Advanced