pitch-deck

Generates zero-dependency HTML pitch decks for browser presentation with interactive navigation and style presets.

8.4k|1.4k|Updated Apr 24, 2024
One-click install
npx skills add https://github.com/TeamWiseFlow/wiseflow --skill pitch-deck-teamwiseflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pitch-deck
Source: https://github.com/TeamWiseFlow/wiseflow/tree/main/addons/officials/skills/pitch-deck
Command: npx skills add https://github.com/TeamWiseFlow/wiseflow --skill pitch-deck-teamwiseflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It eliminates the time-consuming effort of designing professional pitch decks by generating browser-ready, view-port-safe HTML presentation pages tailored to business development and investor-relations needs.

Core Features & Use Cases

  • Zero-dependency HTML output: Produces a single self-contained HTML file (inline CSS/JS) that can be sent or presented directly in a browser.
  • Audience-structured deck formats: Supports Investor Pitch, Partnership Proposal, and Customer Demo/Product Introduction structures so the generated content stays organized.
  • Style-presets driven visual quality: Guides users through visual selection, generates preview slides, and then renders the full deck with theme variables and entrance animations.
  • Strict presentation constraints: Forces each slide to fully fit a single viewport (no internal scrolling), supports reduced-motion, and includes keyboard/touch/mouse wheel navigation.

Quick Start

Ask the AI to generate a 10-slide investor pitch deck in the Bold Signal preset and open the resulting pitch-deck.html in your browser.

Frequently Asked Questions about 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 investor relations?▼

To create an HTML pitch deck, you generate a single zero-dependency HTML file with inline CSS and JS. This browser-ready presentation enforces viewport-safe layouts, semantic slide sections, and interactive navigation without any external libraries.

What is a viewport-safe HTML presentation and when do I need it?▼

A viewport-safe HTML presentation forces each slide to fully fit a single browser viewport without internal scrolling. You need this format for investor pitches and customer demos where maintaining a clean layout across different screen sizes is critical.

Can I build a partnership proposal with interactive slide navigation in a single HTML file?▼

Yes, you can build a partnership proposal as a single self-contained HTML file featuring keyboard, touch, and mouse wheel navigation. The output supports interactive slide navigation, style preset theming, and entrance animations directly in the browser.

Do I need any external CSS frameworks or JavaScript libraries to present a customer demo deck?▼

No external CSS frameworks or JavaScript libraries are required. The presentation is generated as a zero-dependency HTML file with all CSS and JS inline, requiring only the STYLE_PRESETS.md foundation for theming and a standard browser to present the customer demo.

What is the best way to convert an existing investor pitch into a browser-ready HTML presentation?▼

The best way to convert an investor pitch into a browser-ready HTML presentation is to apply style-presets driven visual selection. This generates preview slides, applies theme variables and entrance animations, and outputs a self-contained file with reduced-motion support and strict viewport constraints.

Why does my HTML presentation slide have internal scrolling instead of fitting the screen?▼

Your HTML presentation slide has internal scrolling because the generated deck enforces strict presentation constraints to force each slide to fully fit a single viewport. If content overflows, the viewport-safe layout is broken, requiring content reduction to eliminate scrolling.