html-presentation-beautifier
OfficialTurn documents into McKinsey-style HTML slides.
System Documentation
What problem does it solve?
This skill transforms documents, reports, and data into polished McKinsey-style HTML presentations, enabling faithful content preservation while ensuring professional design.
Core Features & Use Cases
-
Automated layout & design: Applies McKinsey color palette, typography, spacing, and slide structure to any document.
-
Chart integration: Embeds Chart.js visualizations with data bindings, captions, and interactive features.
-
Phase-based workflow: Supports Phase 1 Parsing, Phase 2 Planning, Phase 3 Design, Phase 4 HTML generation, Phase 5 Review.
-
Self-contained output: Produces a single HTML file with inline CSS/JS and navigation.
-
Example use: Convert a markdown report into a complete HTML presentation with charts and interactive navigation.
Quick Start
Use the html-presentation-beautifier to beautify a source document, producing a standalone HTML presentation file suffix with _beautified.html.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: html-presentation-beautifier Download link: https://github.com/Within-7/minto-plugin-tools/archive/main.zip#html-presentation-beautifier Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.