Does it support keyboard navigation?

Yes, the generated presentations include interactive features like arrow key navigation, spacebar for next slide, and fullscreen toggling.

Will I lose any data when converting a report to slides?

No. The core principle of this skill is 100% content preservation. It structures your existing text into slides without summarizing or omitting details.

Can I customize the design to match my own brand?

While it defaults to a professional McKinsey-style system, the underlying HTML and CSS are standard and can be further tweaked if you have specific brand requirements.

What kind of visualizations does the skill support?

It supports a wide range of charts via Chart.js and conceptual frameworks including SWOT analysis, Gantt-style timelines, pyramids, and flowcharts.

Do I need special software to view the presentations?

No. The skill generates a single, self-contained HTML file that can be opened in any modern web browser on desktop or mobile.

McKinsey-Style HTML Presentation Beautifier

Name: McKinsey-Style HTML Presentation Beautifier
Author: Within-7

byWithin-7

•

디자인 도구

Transforms raw documents and data into professional, interactive McKinsey-style HTML presentations with intelligent visualizations.

The HTML Presentation Beautifier is a specialized skill designed to bridge the gap between technical reports and executive-level presentations. Using a sophisticated 6-phase workflow, it parses complex documents, structures content into a logical story arc, and applies a rigorous McKinsey-inspired design system. It automatically selects the most effective visualization types—such as pyramids, timelines, or interactive Chart.js graphs—to represent data without losing a single detail from the source. This tool is perfect for consultants and developers who need to generate high-stakes, interactive slide decks directly from markdown or text files.

주요 기능

01Interactive navigation features including keyboard shortcuts, fullscreen mode, and responsive layouts.

02AI-powered content parsing that ensures 100% data preservation without summarization.

031 GitHub stars

04Automated quality review agent that validates code integrity and design compliance before output.

05McKinsey/BCG design system integration with standardized color palettes and typography.

06Intelligent visualization engine that maps content to 9 specific structural types including temporal and hierarchical.

사용 사례

01Converting a lengthy research paper or technical report into a professional board-ready presentation.

02Visualizing complex analytical data into interactive charts for internal stakeholder reviews.

03Generating portable, single-file HTML slide decks for web-based sharing or offline client meetings.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add within-7/minto-plugin-tools beauty-html

For use in Claude.ai and ChatGPT

Download Skill