skills.rest
mykcs
mykcsCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Create viewport-fitting HTML slide presentations from PPT/PPTX decks.

1|Updated May 17, 2026
Search Tags:#animation#slide design#zero dependency#html presentation#inline editing#pptx to html#viewport fit
One-click install
npx skills add https://github.com/mykcs/myk-skills --skill frontend-slides-mykcs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/mykcs/myk-skills/tree/main/plugins/frontend-slides/skills/frontend-slides
Command: npx skills add https://github.com/mykcs/myk-skills --skill frontend-slides-mykcs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you quickly produce polished, animation-rich presentation slides that reliably fit the screen without awkward overflow or scrolling.

Core Features & Use Cases

  • Zero-dependency HTML decks: Produces single-file, self-contained presentations that run fully in the browser.
  • PPT/PPTX conversion and enhancement: Starts from scratch or converts an existing deck, then improves styling while preserving layout constraints.
  • Strict viewport fitting: Enforces 100vh/100dvh slide sizing, clamp-based typography, density limits per slide type, and safer image/text additions to avoid broken layouts.
  • Inline editing option: Optionally enables in-browser editing with auto-save and export/save support.
  • Style discovery previews: Generates multiple distinct style previews from curated presets to reduce “generic AI slop” and converge on a distinctive aesthetic.

Quick Start

Ask the skill to create a new presentation by providing the purpose, slide length, your content readiness (all content ready / rough notes / topic only), and whether you want inline editing enabled.

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 animated HTML presentation?▼

You can convert an existing PPTX deck to a self-contained HTML presentation by providing the file to generate a single-file output with viewport-fitting slides, clamp-based typography, and animation support.

What is the best way to create HTML slides that fit the screen without scrolling?▼

Using viewport-perfect HTML slide generation enforces 100vh/100dvh slide sizing, clamp-based typography, and density limits per slide type to prevent awkward overflow and ensure full-screen browser delivery.

Can I edit HTML presentation slides directly in the browser?▼

Yes, you can enable an inline editing option during generation to modify text and content directly in the browser, with support for auto-save and exporting the updated single-file HTML presentation.

Do I need any external libraries or dependencies to run animated HTML slide decks?▼

No dependencies are required. The generated HTML presentations are completely self-contained single files that run fully in the browser without loading any external libraries or frameworks.

How do I generate multiple style previews for an HTML pitch deck?▼

You can request style discovery previews to generate multiple distinct visual presets from curated options, which helps avoid generic AI aesthetics and converge on a distinctive look for your presentation.

Does the HTML presentation generator support reduced motion for accessibility?▼

Yes, the generated HTML slides include built-in animation and reduced-motion support, ensuring your presentation remains accessible to users who prefer or require minimized motion effects.

Related Skills

Explore More Design & Creative Skills→
XJTLUmediaXJTLUmedia
28

pptx

Create, edit, and analyze PowerPoint .pptx files with templates and HTML.

Community
Advanced
MantisWareMantisWare

slides

Generate self-contained HTML presentation decks from topics, outlines, or PowerPoint files.

Community
Advanced
arjitj2arjitj2

frontend-slides

Creates zero-dependency HTML presentations and converts PowerPoint files to browser-based slide decks.

Community
Advanced
NagyViktNagyVikt
2

google-slides-import-presentation

Convert local .ppt, .pptx, and .odp files into native Google Slides decks.

Community
Intermediate