Can I use my own design assets?

Yes, while it has built-in standards, it gives highest priority to any layouts or components found in the .ppt_assets directory of your project.

Does it support long scrolling pages?

No, it strictly enforces a professional slide format where each page is an absolute-positioned element controlled via active-class navigation logic.

How does it handle data elements?

The skill identifies data values and automatically selects the best chart type (such as bar charts for comparisons or line charts for trends) and pairs them with insight panels.

What is the primary output of the beauty-step3 skill?

It produces a complete, standalone HTML file featuring a slide-based presentation with interactive navigation and responsive data visualizations.

Is the generated presentation mobile-friendly?

Yes, the generated HTML includes JavaScript for touch-swipe events and responsive CSS layouts to ensure accessibility across devices.

HTML Slide Presentation Architect

Name: HTML Slide Presentation Architect
Author: Within-7

byWithin-7

•

디자인 도구

Transforms structured content into high-fidelity, interactive HTML slide presentations using standardized layouts and data visualizations.

The beauty-step3 skill automates the final phase of presentation creation by converting page lists into polished, standalone HTML files. It follows a rigorous design workflow that matches content elements with specific UI components and layouts defined in a professional design system. Ideal for developers and analysts who need to generate McKinsey-style presentations directly from code, it handles everything from color scheme enforcement and navigation logic to complex data visualization using specialized chart components and integrated insight panels.

주요 기능

01Dynamic data visualization including bar, line, pie, and radar charts

02Multi-stage HTML generation for large-scale presentation files

03Automated Content-to-Component mapping for UI consistency

041 GitHub stars

05Strict adherence to professional color palettes and design standards

06Enforcement of slide-based navigation with absolute positioning

사용 사례

01Rapidly generating stakeholder presentations from project documentation

02Creating interactive data-driven reports with embedded charts and insights

03Standardizing corporate presentation styles across development teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill