skills.rest
hainamchung
hainamchungCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Create self-contained HTML presentations with inline CSS/JS from scratch or PPTX files.

54|18|Updated Jan 21, 2026
Search Tags:#presentation#animation#viewport-fit#pptx-conversion#html-slides#design-presets
One-click install
npx skills add https://github.com/hainamchung/agent-assistant --skill frontend-slides-hainamchung
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/hainamchung/agent-assistant/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/hainamchung/agent-assistant --skill frontend-slides-hainamchung

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides enables users to create zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, eliminating manual slide authoring and formatting bottlenecks.

Core Features & Use Cases

  • Zero dependencies — Single HTML file with inline CSS/JS, no npm or build steps.
  • Viewport-fitting rules — slides always fit 100vh with clamp-based typography and responsive sizing.
  • PPTX conversion workflow — convert PowerPoint decks into web slides preserving order and visuals.

Quick Start

Provide your content and choose a style preset to generate a self-contained HTML presentation in one file.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert a PPTX file to an HTML presentation?▼

You can convert PPTX files to HTML presentations using a script that preserves slide order and visuals, outputting a single self-contained HTML file with inline CSS and JS.

How do I create animation-rich HTML slides without npm dependencies?▼

You can create animation-rich HTML slides by generating a single self-contained HTML file with inline CSS and JS, eliminating the need for npm dependencies or build steps.

Do I need npm or build tools to generate HTML slides?▼

No, you do not need npm or build tools to generate these HTML slides. The output is a single file with inline CSS and JS, requiring zero dependencies and no build steps.

What is the best way to make HTML slides fit the viewport responsively?▼

The best way to make HTML slides fit the viewport responsively is to apply viewport-fitting rules with clamp-based typography, ensuring slides always fit 100vh with responsive sizing.

Can I use design presets to style my HTML presentation?▼

Yes, you can use design presets to style your HTML presentation. Provide your content and choose a style preset to generate a polished, self-contained HTML slide deck.

What are the limitations of converting PowerPoint decks to web slides?▼

When converting PowerPoint decks to web slides, limitations include relying on a script that preserves order and visuals, but complex native PowerPoint animations may not translate directly into the inline CSS/JS HTML output.

Related Skills

Explore More Design & Creative Skills→
Varnan-TechVarnan-Tech
581

graphic-slide-deck

Generate HTML slide decks from content notes with optional PDF export.

Official
Advanced
GitnappGitnapp

frontend-slides

Create animation-rich HTML presentations with responsive viewport fitting.

Community
Advanced
sakamoto-family-smilesakamoto-family-smile

frontend-slides

Convert PowerPoint content and draft notes into animation-rich HTML slide decks.

Community
Intermediate
elenaviterelenaviter
14

pptx-press

Convert slide-structured HTML into PPTX presentations with styled layouts and citations.

Community
Intermediate