Handle PowerPoint (.pptx) creation, design, and analysis.
Use for pitch decks, status updates, and visual storytelling.
Use proactively when precise layout positioning and design principles are needed.
Examples:
- user: "Create a 10-slide deck for the board meeting" -> use design principles + html2pptx
- user: "Convert this report into a presentation" -> extract text and map to template
- user: "Audit this deck for layout issues" -> generate thumbnail grid for inspection
설치
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
Handle PowerPoint (.pptx) creation, design, and analysis.
Use for pitch decks, status updates, and visual storytelling.
Use proactively when precise layout positioning and design principles are needed.
Examples:
- user: "Create a 10-slide deck for the board meeting" -> use design principles + html2pptx
- user: "Convert this report into a presentation" -> extract text and map to template
- user: "Audit this deck for layout issues" -> generate thumbnail grid for inspection
<high_fidelity_creation>
The preferred method for precise layout positioning:
HTML: Create slides (720pt x 405pt). Text MUST be in <p>, <h1>-<h6>, or <ul>.
Visuals: You MUST rasterize gradients/icons as PNGs using Sharp FIRST. Reference: references/html2pptx.md.
Execution: Run html2pptx.js to generate the presentation.
</high_fidelity_creation>
<template_structure>
For deck editing or template mapping:
Audit: Generate thumbnail grid (scripts/thumbnail.py) to analyze layout.
Duplication: Use scripts/rearrange.py to duplicate and reorder slides.
Text Injection: Use scripts/replace.py with the JSON inventory to populate content.
</template_structure>
<design_quality>
Fonts: You MUST use web-safe fonts ONLY (Arial, Helvetica, Georgia).
Colors: You MUST NOT use the # prefix in PptxGenJS hex codes (causes corruption).
Layout: You SHOULD prefer two-column or full-slide layouts. You MUST NOT stack charts below text.
Verification: You MUST generate a final thumbnail grid with --cols 4 to inspect for text cutoff or overlap issues.
</design_quality>