skills.rest
KunCheng-He
KunCheng-HeCOMMUNITY
Explore all skills by this author →
GitHub

html-ppt

Generate static HTML presentations with themes, layouts, and speaker notes.

8|3|Updated Apr 18, 2026
Search Tags:#automation#design#html#presentation#slides#speaker notes
One-click install
npx skills add https://github.com/KunCheng-He/kk-ai --skill html-ppt-kuncheng-he
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt
Source: https://github.com/KunCheng-He/kk-ai/tree/main/skills/common/html-ppt
Command: npx skills add https://github.com/KunCheng-He/kk-ai --skill html-ppt-kuncheng-he

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the frustration of creating professional, high-quality presentations by providing a template-driven, code-based system that eliminates the need for bloated, proprietary presentation software.

Core Features & Use Cases

  • Template-Driven Design: Choose from 15 full-deck templates and 31 page layouts to build professional slides instantly.
  • Presenter Mode: Includes a dedicated presenter view with magnetic cards for speaker notes, timers, and slide previews.
  • Dynamic Visuals: Access 36 themes, 27 CSS animations, and 20 cinematic Canvas FX to make your data and concepts stand out.
  • Use Case: Quickly generate a technical pitch deck or a product launch presentation that supports live keyboard navigation and speaker notes without needing a build step.

Quick Start

Ask the agent to create a new 8-slide technical presentation using the cyberpunk theme and include speaker notes for each slide.

Frequently Asked Questions about html-ppt

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

FAQPage Schema
How do I create a professional HTML presentation without a build step?▼

You can create a professional HTML presentation by using a template-driven design system that generates static HTML files, eliminating the need for build steps or proprietary presentation software.

Can I include speaker notes and presenter mode in static HTML slides?▼

Yes, static HTML slides can include a dedicated presenter mode featuring magnetic cards for speaker notes, timers, and slide previews.

What is the best way to generate a technical pitch deck using HTML?▼

The best way to generate a technical pitch deck in HTML is using a template-driven system with pre-built page layouts and themes, ensuring pixel-perfect previews and keyboard-driven navigation.

Does this HTML presentation approach support themes and CSS animations?▼

Yes, this HTML presentation approach supports 36 dynamic themes, 27 CSS animations, and 20 cinematic Canvas FX to make data and concepts stand out.

What do I need to build a product launch presentation with HTML slides?▼

You need a static HTML template system with access to full-deck templates and page layouts to instantly build a product launch presentation that supports live keyboard navigation.

Why use static HTML for presentations instead of standard presentation software?▼

Static HTML avoids the frustration of bloated, proprietary presentation software by providing a lightweight, code-based system that guarantees pixel-perfect previews without a build step.

Related Skills

Explore More Design & Creative Skills→
danishidanishi

proposal-writer

Generate Markdown proposal slide design documents from strategy and checklist inputs.

Community
Advanced
sfc-gh-samaurersfc-gh-samaurer

snowflake-pptx-collateral-v4

Convert HTML/CSS slide designs into Snowflake-branded PPTX files.

Community
Advanced
tuanhqv123tuanhqv123

html-ppt

Generate static HTML presentation decks from theme and layout templates.

Community
Advanced
kennygkennyg

slidev

Create and edit Markdown slide decks with Slidev using mise and bun.

Community
Intermediate