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

设计工具

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.

主要功能

Comprehensive template library for covers, TOCs, content, and summaries.
Strict 12-column grid system for pixel-perfect layouts and alignment.
Zero-dependency single-file HTML output for maximum portability.
Fixed 16:9 canvas (960x540px) with scale-based responsive design.
0 GitHub stars
Built-in data visualization components including bar and radar charts.

使用场景

Prototyping slide layouts quickly while maintaining strict design compliance.
Generating professional business decks and client-facing presentations.
Creating portable, data-driven reports with interactive charts and tables.

关于

主要功能

Comprehensive template library for covers, TOCs, content, and summaries.
Strict 12-column grid system for pixel-perfect layouts and alignment.
Zero-dependency single-file HTML output for maximum portability.
Fixed 16:9 canvas (960x540px) with scale-based responsive design.
0 GitHub stars
Built-in data visualization components including bar and radar charts.

使用场景

Prototyping slide layouts quickly while maintaining strict design compliance.
Generating professional business decks and client-facing presentations.
Creating portable, data-driven reports with interactive charts and tables.