What kind of charts are supported?

The skill supports 23 different chart types including pyramid charts, dashboards, Venn diagrams, timelines, and standard bar/line charts via Chart.js integration.

Is the output HTML file standalone?

Yes, it generates a complete HTML file including all necessary CSS, JSON data, and JavaScript logic, requiring only a browser to view.

What is the 'Continue' mechanism used in this skill?

To prevent data loss from AI token limits, the skill breaks large tasks into stages and prompts you to type 'Continue' to proceed, ensuring 100% of your content is preserved.

Can I use custom project assets with this generator?

Yes, it prioritizes project-specific resources found in the .ppt_assets directory, allowing for custom layouts and styles while defaulting to standard templates.

McKinsey-Style HTML Presentation Generator

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

byWithin-7

•

Design Tools

Generates professional McKinsey-style HTML presentations by converting slide content into structured JSON and rendering it with high-end CSS and JavaScript.

The McKinsey-Style HTML Presentation Generator is a specialized Claude Code skill designed to automate the final construction phase of professional business presentations. It transforms raw slide outlines and data into a structured JSON format, which it then uses to populate a standalone, responsive HTML framework. By referencing a comprehensive design system and layout index (including 14 layouts and 23 chart types), this skill ensures your presentations adhere to elite management consulting standards. It features a robust 'Continue' mechanism to handle large datasets, ensuring no content is lost or truncated due to context window limitations.

Key Features

01Converts slide outlines into structured, schema-validated JSON data models.

02Smart token management through a multi-stage paging mechanism to prevent content loss.

03Integrated support for 23 chart types and 14 specialized business layouts (L1-L13).

041 GitHub stars

05Automatic CSS generation and JavaScript-driven dynamic data rendering using Chart.js.

06Renders standalone HTML files with McKinsey-inspired design systems and typography.

Use Cases

01Transforming internal project reports into high-stakes, client-ready business presentations.

02Automating the visual styling of data-heavy slide decks while maintaining layout consistency.

03Creating portable, responsive HTML presentations for web-based sharing or offline meetings.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add within-7/minto-plugin-tools beauty-normal-step3

For use in Claude.ai and ChatGPT

Download Skill