frontend-slides

Convert PowerPoint content into standalone viewport-safe HTML slide decks.

Updated Apr 3, 2026
One-click install
npx skills add https://github.com/handsomelong922/my-codex-skills --skill frontend-slides-handsomelong922
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/handsomelong922/my-codex-skills/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/handsomelong922/my-codex-skills --skill frontend-slides-handsomelong922

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser, enabling you to publish polished slides without managing external runtimes or dependencies.

Core Features & Use Cases

  • Convert PowerPoint (.ppt, .pptx) slides into standalone HTML decks.
  • Build presentations from scratch with viewport-safe, accessible layouts.
  • Include motion, typography, and responsive behavior suitable for talks, demos, and workshops.

Quick Start

Create a browser-ready presentation from a PPTX file or from scratch with the provided workflow.

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 a browser presentation?

Converting PPTX to HTML transforms PowerPoint content into a standalone, viewport-safe slide deck that runs entirely in the browser. The process extracts slide content and rebuilds it with responsive typography and animation without requiring external runtimes.

Can I build HTML slides from scratch without using PowerPoint?

Building HTML slides from scratch creates viewport-fitting presentations with responsive typography and keyboard navigation directly in the browser. You can design talks or workshops without a source PPTX file while maintaining accessibility and animation features.

Do I need any external dependencies or frameworks to run HTML slide decks?

HTML slide decks require zero external dependencies or frameworks beyond the provided workflows. The standalone output runs entirely in browsers, eliminating the need to manage external runtimes or install libraries for presentations.

What is a viewport-safe HTML slide deck and why does it matter?

A viewport-safe HTML slide deck automatically fits presentation layouts to the browser viewport, ensuring slides display correctly across screen sizes. This approach guarantees responsive typography and prevents content overflow during talks, demos, or workshops.

Does the HTML presentation support keyboard navigation and accessibility?

HTML presentations support keyboard navigation and accessibility features for viewport-fitting slide layouts. These built-in capabilities ensure talks and workshops remain navigable and accessible when running directly in browser environments.

Best way to create zero-dependency animated slides for a workshop?

Creating zero-dependency animated slides involves converting PPTX files or building from scratch into standalone HTML decks. This approach delivers motion-rich, responsive presentations that run in browsers without managing external runtimes or libraries.