design-skill

To convert a markdown outline into HTML presentation slides, you use an automated generation process that reads an approved slide-outline.md file and outputs sequential slide-XX.html pages. It automatically applies theme CSS, typography-driven layouts, and design system standards to create polished visual layouts without manual formatting.

Yes, you need Node.js version 18 or higher to build an interactive HTML slide viewer. The workflow executes a node scripts/build-viewer.js script that compiles the generated HTML presentation slides into a single-file viewer, enabling browser-based review and iterative revision without external hosting.

Yes, you can embed charts and diagrams in HTML presentation templates. The design system enforces reusable visual components including charts, diagrams, badges, and grids, allowing you to generate data-driven presentation slides directly from your approved slide-outline.md with consistent visual quality.

The best way to prepare HTML slides for PPTX conversion is to generate them from an approved slide-outline.md using themed templates and the Pretendard webfont. This ensures typography-driven layout compatibility and allows you to iterate visually in a single-file viewer before exporting the sequential slide-XX.html files.

HTML slide generation requires the Pretendard webfont inclusion specifically for conversion compatibility. Including this webfont ensures that the typography-driven layouts and design system standards applied to your sequential slide-XX.html files render correctly during the PPTX conversion process and maintain consistent visual quality.

A limitation of automated HTML slide generation is that it requires a pre-approved slide-outline.md file as input and cannot generate presentation content from scratch. Additionally, the viewer build process is strictly tied to Node.js >= 18 and Pretendard webfont inclusion, limiting custom CSS themes outside the provided template system.