skills.rest
cilangzzz
cilangzzzCOMMUNITY
Explore all skills by this author →
GitHub

html-ppt

Generate HTML presentations with templates, animations, and presenter mode.

41|11|Updated Mar 19, 2026
Search Tags:#template#html#presentation#animation#ppt
One-click install
npx skills add https://github.com/cilangzzz/software-dev-ai-workflow --skill html-ppt-cilangzzz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt
Source: https://github.com/cilangzzz/software-dev-ai-workflow/tree/main/0.0-%E9%80%9A%E7%94%A8skill/report-ppt-html-teacher
Command: npx skills add https://github.com/cilangzzz/software-dev-ai-workflow --skill html-ppt-cilangzzz

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to easily create professional HTML presentations using a wide range of templates, animations, and presenter mode features.

Core Features & Use Cases

  • Templates: Choose from 36 themes, 15 full-deck templates, and 31 single-page layouts.
  • Animations: Apply 27 CSS animations and 20 canvas FX animations to slides.
  • Presenter Mode: Use presenter mode with magnetic cards for a seamless presentation experience.
  • Use Case: If you need to create a presentation for a business meeting or a conference, this Skill can help you quickly put together a visually appealing and professional deck.

Quick Start

Install the skill: npx skills add https://github.com/lewislulu/html-ppt-skill Create a new deck: ./scripts/new-deck.sh my-talk Open the deck in your browser: open examples/my-talk/index.html

Frequently Asked Questions about html-ppt

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

FAQPage Schema
How do I create an HTML presentation with animations and templates?▼

To create an HTML presentation, this Skill generates slides using 36 themes, 15 full-deck templates, and 31 single-page layouts. It applies 27 CSS animations and 20 canvas FX animations to produce a professional deck rendered in a web browser.

Can I use HTML and CSS to build slides for a business meeting?▼

Yes, you can build slides for a business meeting using HTML and CSS. This Skill provides presenter mode with magnetic cards and pre-built templates designed for scenarios like conference talks, educational materials, and corporate presentations.

Do I need JavaScript to render HTML presentations in a browser?▼

Yes, JavaScript is required to render and interact with the HTML presentations. The Skill relies on HTML, CSS, and JS to display templates, trigger canvas FX animations, and operate the presenter mode within a web browser.

What is the best way to add canvas animations to web-based slides?▼

The best way to add canvas animations to web-based slides is using the built-in animation library. This Skill includes 20 canvas FX animations and 27 CSS animations that can be applied directly to your HTML presentation slides.

How does presenter mode work for HTML presentations?▼

Presenter mode for HTML presentations uses magnetic cards to provide a seamless presenting experience. It is rendered entirely in a web browser using JS, allowing you to navigate and control your slide deck during business meetings or conference talks.

Related Skills

Explore More Design & Creative Skills→
ssimhanssimhan
1

frontend-slides

Convert PowerPoint slides or outlines into self-contained HTML slide decks.

Community
Advanced
tuanhqv123tuanhqv123

html-ppt

Generate static HTML presentation decks from theme and layout templates.

Community
Advanced
hachejhachej
45

deck-authoring

Create and edit markdown-based slide decks with custom widgets.

Community
Intermediate
nibzardnibzard
7

marp-slide-quality

Analyze Marp slide decks with SlideGauge and generate actionable quality fixes.

Community
Advanced