skills.rest
hieuck
hieuckCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

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

Updated Mar 21, 2026
Search Tags:#html#presentation#pptx#animation#slides#conversion
One-click install
npx skills add https://github.com/hieuck/Pro5ChromeManager --skill frontend-slides-hieuck
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
devs6186devs6186

frontend-slides

Convert PPT/PPTX files into zero-dependency HTML slides with inline CSS and JS.

Community
Intermediate
ToowireddToowiredd
33

browser-app-creator

Create single-file HTML/CSS/JS web apps with localStorage persistence.

Community
Basic
invariantlabs-aiinvariantlabs-ai
2.9k

web-artifacts-builder

Initialize and bundle React, Tailwind, and shadcn/ui projects into self-contained HTML artifacts.

Official
Advanced
ShenWang96ShenWang96

ppt-generator

Convert talk drafts into minimal vertical HTML presentations.

Community
Intermediate