What is the primary purpose of this skill?

The HTML PPT Pitch Deck skill is designed to help users create professional fundraising pitch decks that effectively communicate key business elements to investors.

Do I need to be a developer to use this skill?

While some familiarity with HTML and CSS is beneficial, the skill provides clear instructions for setup, making it accessible for users with intermediate skills.

Can I customize the design of my pitch deck?

Yes, users can choose from various themes and are encouraged to customize content while maintaining the structural integrity of the template.

What are the two methods for integrating assets?

Users can either copy and rewrite asset links for local use or inline the CSS and JavaScript directly into the HTML file for a self-contained presentation.

Is there any support for speaker notes?

Yes, speaker notes can be added within designated HTML elements without appearing on the slides, allowing presenters to keep their focus on the audience.

HTML PPT Pitch Deck

Name: HTML PPT Pitch Deck
Availability: InStock
Author: nexu-io

Free

Create impactful fundraising pitch decks with ease.

by nexu-io84.9k stars on nexu-io/open-design

2 views

Updated Aug 10, 2026

Get this skill

Free · Opens the source repo

What HTML PPT Pitch Deck does

The HTML PPT Pitch Deck skill provides a streamlined approach to building professional fundraising pitch decks tailored for accelerator partners and investors. This skill serves as a focused entry point into the broader html-ppt master skill, specifically designed to help users craft decision-grade presentations that can effectively communicate key business elements such as traction, market moat, and investment needs. The skill emphasizes a structured design that aims to engage viewers from the very first slides, ensuring that critical information is presented clearly and persuasively.

To get started, users should first familiarize themselves with the authoring guidelines outlined in the master skill documentation. This includes understanding the content and audience checklist, layout reuse, and the importance of adhering to specific design rules. The skill provides a template specifically for pitch decks, allowing users to copy necessary files and maintain the correct CSS class structures to ensure functionality. The instructions detail two methods for integrating essential assets, giving users flexibility in how they set up their projects.

In addition to the technical setup, users can choose from a variety of themes to customize the look and feel of their pitch decks. The skill encourages users to replace demo content while preserving the structural classes, ensuring that the presentation remains visually coherent. Speaker notes can be added without cluttering the slides, allowing presenters to maintain focus on their audience while delivering their message effectively.

Overall, this skill is ideal for entrepreneurs and designers looking to create compelling pitch decks that stand out in competitive fundraising environments. By following the provided guidelines, users can produce high-quality presentations that meet the expectations of potential investors and partners.

When to use it

Use this skill when you need to create a fundraising pitch deck quickly and effectively, especially for investor presentations.

When not to use it

This skill may not be suitable for users looking for advanced customization options beyond the provided templates and themes.

What you can build with it

Creating a Series A Pitch Deck

Use this skill to quickly assemble a pitch deck for your Series A fundraising, ensuring all critical components are covered.

Investor Presentations

Leverage the templates to prepare professional presentations for potential investors, highlighting your business's strengths.

Accelerator Program Applications

Utilize the pitch deck skill when applying to startup accelerators, providing a clear and engaging overview of your venture.

How to install HTML PPT Pitch Deck

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/html-ppt-pitch-deck --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by nexu-io

HTML PPT · Pitch Deck

A focused entry point into the html-ppt master skill that lands the user directly on the pitch-deck full-deck template.

When this card is picked

The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of pitch-deck (see the upstream full-decks catalog for screenshots and rationale).

How to author the deck

Read the master skill first. All authoring rules live in design-templates/html-ppt/SKILL.md — content/audience checklist, token rules, layout reuse, presenter mode, the keyboard runtime, and the "never put presenter-only text on the slide" rule.
Start from the matching template folder: design-templates/html-ppt/templates/full-decks/pitch-deck/ — copy index.html and style.css into the project, keep the .tpl-pitch-deck body class.
Bring the shared runtime with the template. The upstream index.html links the shared CSS/JS via ../../../assets/... because it sits three folders deep inside design-templates/html-ppt/templates/full-decks/. Once you copy index.html into the project, those parent-relative URLs no longer resolve and base.css, animations.css, and runtime.js will 404 — meaning the deck never activates and slide navigation is dead. Pick one of these two recipes per project:
- Recipe A — copy + rewrite (preferred): copy design-templates/html-ppt/assets/fonts.css, design-templates/html-ppt/assets/base.css, design-templates/html-ppt/assets/animations/animations.css, and design-templates/html-ppt/assets/runtime.js into a project-local assets/ (with assets/animations/animations.css), then rewrite the four <link>/<script> tags in index.html from ../../../assets/... to the matching project-local paths (assets/fonts.css, assets/base.css, assets/animations/animations.css, assets/runtime.js).
- Recipe B — inline: read the same four files and replace each <link rel="stylesheet" href="../../../assets/..."> with a <style>...</style> containing the file's contents, and the <script src="../../../assets/runtime.js"> with a <script>...</script> containing runtime.js. Yields a single self-contained index.html. Either way, do not ship the upstream ../../../assets/... URLs verbatim into a project artifact — they only work in-tree.
Pick a theme. Default tokens look fine; if the user wants a different feel, swap in any of the 36 themes from design-templates/html-ppt/assets/themes/*.css via <link id="theme-link"> and let T cycle.
Replace demo content, not classes. The .tpl-pitch-deck scoped CSS only recognises the structural classes shipped in the template — keep them.
Speaker notes go inside <aside class="notes"> or <div class="notes"> — never as visible text on the slide.

Attribution

Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed lewislulu/html-ppt-skill. The LICENSE file ships at design-templates/html-ppt/LICENSE; please keep it in place when redistributing.

Frequently asked questions about HTML PPT Pitch Deck

Similar skills

PPTX HTML Fidelity Audit

Ensure your PPTX matches its HTML source perfectly.

HTML PPT Studio

Create professional HTML presentations effortlessly.

Humanize PPT

Transform raw material into presentation-ready outlines.

Replit Deck

Create visually cohesive decision decks with ease.

Open Design Landing Deck

Create engaging marketing decks with a magazine-style format.

Magazine Web Presentation

Create visually striking HTML presentations with ease.