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.