lieflat-html-deck

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:

1. assets/catalog.json
2. references/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:

• Y2K 手册 -> y2k-brand
• 极客风格 -> geek-report
• 镭射网格 -> shiny-tiles
• 黑底闪光 -> pixel-report
• 点阵编辑风 -> dot-matrix-light or dot-matrix-dark
• 杂志风 -> editorial
• 咨询报告 -> consulting-report
• 简约测评 -> clean-review
• 日光 -> sunrise
• 雨天手记 -> rain-notes
• 作品集 -> studio-photo
• 故事集 -> story-field

If the user says 点阵编辑风 without specifying light or dark, choose dot-matrix-dark for technical drama and dot-matrix-light for report-like clarity.

Use consulting-report only when the deck is genuinely chart/data-heavy and centered on market, industry, competitive, investor, or business analysis. If the content is mostly text, opinion, narrative, or a strategy memo without substantial charts/tables/evidence blocks, choose a better fit such as editorial, clean-review, geek-report, rain-notes, or sunrise.