| name | lieflat-html-deck |
| description | Create polished horizontal HTML presentation decks from the Lieflat deck style pack. Use for HTML/PPT-style slides, strategy decks, AI or product analysis decks, creator brand manuals, portfolios, visual essays, and WebGL/canvas presentation decks. Contains 12 deck style families with fixed-template starters and style-understanding guidance. |
Lieflat HTML Deck
What This Skill Does
Create a self-contained horizontal HTML deck. The deck should feel designed, paced, and argued, not like a template with pasted text.
This skill contains 12 deck style families. Before choosing one, read:
assets/catalog.jsonreferences/style-understanding.md
Use assets/templates/<template-id>/<language>.html as a starter. Copy it into the user's workspace before editing. Do not edit bundled templates directly.
Core Rules
- Choose one primary style for the deck. Do not make a style sampler.
- Style mixing is not a goal. If a neighboring style has a useful structure, borrow only the structural idea and restyle it back into the primary style's typography, color, spacing, material, and motion.
- Do not mechanically preserve demo tables, scorecards, image slots, timelines, or KPI blocks. Use them only when the user's content needs that structure.
- Every slide needs a role: hook, context, claim, proof, comparison, process, example, transition, or closing.
- Prefer fewer strong slides over many thin slides.
- Remove all sample names, sample dates, placeholder copy, and demo-specific metadata.
- Keep navigation,
?slide=N, keyboard controls, and canvas/WebGL fallbacks when the starter provides them.
Style Selection
If the user names a Chinese style, map it directly:
