frontend-slides

Generate zero-dependency HTML presentations with inline CSS and JS.

Updated Mar 21, 2026

Search Tags:#html #presentation #pptx #animation #slides #conversion

Ready to run

npx skills add https://github.com/hieuck/Pro5ChromeManager --skill frontend-slides-hieuck

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/hieuck/Pro5ChromeManager/tree/main/.cursor/skills/frontend-slides
Command: npx skills add https://github.com/hieuck/Pro5ChromeManager --skill frontend-slides-hieuck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create zero-dependency HTML presentations that run entirely in the browser.

Core Features & Use Cases

Zero-dependency, self-contained HTML output with inline CSS and JS.
PPT/PPTX conversion and deck enhancement for talks, workshops, and internal updates.
Viewport-fit, accessible typography, responsive design, and offline capability.

Quick Start

Create a new presentation by selecting a mode (new, PPT/PPTX conversion, or enhancement) and generating the file presentation.html.

Frequently Asked Questions about frontend-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I convert PPTX to HTML for browser-based presentations?▼

You can convert PPTX to HTML by using the PPT/PPTX conversion mode to generate a self-contained presentation.html file with inline CSS and JS.

Can I create HTML slides that work offline without external dependencies?▼

Yes, you can create HTML slides that run entirely in the browser with zero dependencies, requiring inline CSS and JS by default for offline capability.

What is the best way to ensure responsive typography in an HTML presentation?▼

To ensure responsive typography in an HTML presentation, the generation process relies on STYLE_PRESETS.md as the base to enforce viewport-fit and accessible design.

Do I need any external libraries to run animation-rich HTML slides?▼

No, you do not need external libraries to run animation-rich HTML slides, as the output is a self-contained single file with all CSS and JS inlined.

How to refine and enhance an existing talk deck for viewport-fit?▼

You can refine an existing talk deck by selecting the enhancement mode to apply viewport-fit, responsive typography, and accessible design within the output presentation.html file.

Can I use external assets with a zero-dependency HTML presentation?▼

Yes, a zero-dependency HTML presentation supports optional assets while keeping the core output as a single file named presentation.html with inline CSS and JS.