html-ppt-product-launch

Generates HTML keynote launch decks with dark hero slides, feature cards, and pricing tiers.

Updated May 20, 2026
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-product-launch-keimoshi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-ppt-product-launch
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/html-ppt-product-launch
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-product-launch-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a polished product-launch keynote deck from scratch requires design decisions about layout, typography, color, and slide structure. This Skill provides a ready-made HTML deck template with a dark hero slide, warm orange accent system, feature cards, pricing tiers, and CTA slides so you can produce a launch presentation by replacing demo content. ## Core Features & Use Cases - Full-deck launch template: Ships an 8-slide structure covering cover, intro, three feature sections, how-it-works steps, pricing tiers, and a testimonial-plus-CTA closer. - Shared runtime and theming: Reuses the html-ppt base CSS, animation library, keyboard navigation runtime, and 36 swappable themes via a theme link element. - Speaker notes and presenter support: Notes go inside hidden aside or div elements, keeping presenter-only text off the audience slides. - Use Case: A founder announcing a new hardware product asks for a keynote deck; the Skill copies the product-launch template, rewrites asset paths, and fills in the product name, three key features, and pricing tiers. ## Quick Start Ask the AI to make a product-launch keynote deck using the html-ppt-product-launch template, providing your product name, tagline, three key features, and pricing tiers.

Frequently Asked Questions about html-ppt-product-launch

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

FAQPage Schema
How do I create a product launch presentation in HTML?

Copy the product-launch template's index.html and style.css into your project, keep the tpl-product-launch body class, and replace the demo content with your product name, features, and pricing. The deck includes cover, feature, how-it-works, pricing, and CTA slides.

How do I add speaker notes to an HTML slide deck?

Place speaker notes inside an aside or div element with the notes class on each slide. The CSS hides these from the audience view, and the runtime can display them in a presenter overlay or popup window.

Why are my HTML deck slides not navigating after copying the template?

The upstream template links shared CSS and JS via parent-relative paths that break outside the skill tree. Copy the assets into a project-local folder and rewrite the link and script tags, or inline the file contents directly into index.html.

Can I change the color theme of the launch deck?

Yes, the deck supports 36 themes from the html-ppt assets themes folder. Link a theme CSS file through the element with id theme-link, and press T during the presentation to cycle through themes.

What slide layouts does the product launch template include?

The template ships eight slides: a dark hero cover, an intro slide, three feature sections with cards, a numbered how-it-works section, a three-tier pricing table, and a combined testimonial and call-to-action closer.