Can I use external CSS or JavaScript files with this skill?

No, this skill is specifically designed to produce single-file HTML outputs with zero external dependencies, ensuring the presentation is fully portable.

Does it support charts and data tables?

Yes, it includes specialized components for data tables, bar charts, and radar charts designed to fit the corporate design system.

What is the aspect ratio of the generated slides?

All slides are generated using a mandatory 960x540px canvas, which is a standard 16:9 aspect ratio at 72dpi.

What are the font size requirements?

To ensure readability, the skill enforces a minimum font size of 16px and limits content to 5-6 bullet points per slide.

How does it handle different screen sizes?

Instead of standard responsive reflow which can break layouts, this skill uses CSS 'transform:scale' to ensure the 16:9 layout remains intact on all devices.

HTML Presentation Generator

Name: HTML Presentation Generator
Author: Within-7

byWithin-7

0•

デザインツール

Generates professional, single-file HTML presentations with strict design standards and built-in data visualization components.

The HTML Presentation Generator skill enables Claude to produce corporate-grade slide decks that are entirely self-contained with zero external dependencies. It enforces a rigorous design system, including a fixed 16:9 aspect ratio (960x540px), a 12-column grid layout, and a specific professional color palette. By utilizing pre-defined templates for covers, tables of contents, and summaries, this skill ensures that every presentation—whether it includes complex radar charts or detailed data tables—maintains a consistent, high-quality aesthetic suitable for executive-level reporting and business meetings.

主な機能

01Comprehensive template library for covers, TOCs, content, and summaries.

02Strict 12-column grid system for pixel-perfect layouts and alignment.

03Zero-dependency single-file HTML output for maximum portability.

04Fixed 16:9 canvas (960x540px) with scale-based responsive design.

050 GitHub stars

06Built-in data visualization components including bar and radar charts.

ユースケース

01Prototyping slide layouts quickly while maintaining strict design compliance.

02Generating professional business decks and client-facing presentations.

03Creating portable, data-driven reports with interactive charts and tables.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add within-7/minto-plugin-tools skills

For use in Claude.ai and ChatGPT

Download Skill