# Ppt Generator
> Create tech-style minimalist 16:9 HTML presentations out-of-the-box. Includes Dark Mode, strict cover templates, and 10-pull Gacha (十连抽卡) file generation.
- Skill: `richard0901/ppt-generator` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add richard0901/ppt-generator`
- Raw SKILL.md: https://api.skillmd.com/api/skills/richard0901/ppt-generator/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: richard0901 (https://skillmd.com/u/richard0901)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/richard0901/ppt-generator
---
# Tech-style HTML Presentation Generator
Use this skill when the user wants to generate a minimalist, tech-style, 16:9 HTML presentation with high visual impact. **This skill is entirely self-contained.** You do not need external CSS or JS files. You must generate a **Single HTML file** containing everything.
## Core Rules & Features
### 1. 封面统一原则 (Strict Cover Format)
Every presentation you generate **must** have its first slide structured exactly like this. Do not deviate, to ensure all PPTs have a consistent, uniform cover across different generations.
```html
TECH VISION 2026
[主标题]
[副标题]
```
### 2. 黑白昼夜切换 (Dark / Light Mode Toggle)
The generic PPT output **MUST** contain this toggle button fixed to the top right.
HTML Requirement: ``
Every layout element you write must have both light and dark Tailwind classes. **Always start the HTML with `` to default to Dark Mode.**
### 3. 十连抽卡模式 (10-Pull Gacha Mode - 10 Physical Files Generator)
If the user asks for "10连抽卡", "抽卡", or "生成10个不同版本", **DO NOT output 1 file with a skin switcher.**
Instead, you must write a script or immediately output **10 entirely distinct HTML files** (e.g., `ppt-opt1.html` to `ppt-opt10.html`).
For each of the 10 files:
1. **Diverse Content Layouts:** Change how the content is presented. Use grid layouts for one file, sequential bullet lists for another, staggered cards for a third, large quote-focus slides instead of text walls, etc.
2. **Diverse Colors:** Use entirely different Tailwind gradients for titles and background `light-spot` colors in each file.
3. **Strict Cover & Dark Mode:** Ensure the "Strict Cover Format" (Rule 1) and "Dark/Light Mode Toggle" (Rule 2) remains identical and fully functional in ALL 10 files.
4. **Action:** If the content is very long, write a Node.js script locally to compile and write these 10 distinct files to save token output, then execute the script.
## Universal HTML Template Structure
Embed all slides inside this shell:
```html
科技风演示文稿
```
Execute this skill immediately upon user request without needing any further scaffolding tools.