skills.rest
khunglong-03
khunglong-03COMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generate animation-rich HTML presentations from notes or PPT/PPTX files.

Updated Apr 6, 2026
Search Tags:#html#accessibility#presentation#pptx#slides#style-presets#viewport-fit
Ready to run
npx skills add https://github.com/khunglong-03/Pathora_Version3 --skill frontend-slides-khunglong-03
💬 Prompt for ChatGPT / Claude Chat▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/khunglong-03/Pathora_Version3/tree/main/.cursor/skills/frontend-slides
Command: npx skills add https://github.com/khunglong-03/Pathora_Version3 --skill frontend-slides-khunglong-03

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

frontend-slides enables you to generate zero-dependency, animation-rich HTML presentations that run entirely in the browser, simplifying talk decks creation, PPT/PPTX conversions, and polishing existing slides.

Core Features & Use Cases

  • New presentations: start from topic notes or a draft to generate a ready-to-run deck.
  • PPT / PPTX conversion: convert slides into clean HTML presentations with preserved layout and motion.
  • Branding and accessibility: apply presets from STYLE_PRESETS.md to enforce consistent visuals, responsive behavior, and accessible typography.

Quick Start

Create a zero-dependency HTML presentation deck from your notes.

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?▼

Convert PPTX to HTML by transforming slides into a clean, zero-dependency browser presentation preserving layout and motion, running entirely with inline CSS and JS.

Can I generate HTML slides from topic notes without installing dependencies?▼

Generate HTML slides from notes by creating a ready-to-run deck requiring zero dependencies, enforcing viewport-fit rules and leveraging style presets for consistent visuals.

Does this approach support keyboard navigation and accessibility for presentations?▼

Keyboard navigation and accessibility are fully supported by enforcing accessible typography, inline CSS/JS, and viewport-fit rules within the generated HTML slide structure.

What is the best way to apply consistent branding to HTML slides?▼

Apply consistent branding to HTML slides by using style presets to enforce visual consistency, responsive behavior, and accessible typography across your presentation deck.

How do I enhance existing HTML slides with animations?▼

Enhance existing HTML slides by applying animation-rich styling and consistent presets, polishing your deck while maintaining zero-dependency browser execution and inline CSS/JS.

Related Skills

Explore More Design & Creative Skills→
SuperagentsysSuperagentsys
650

ppt-generator

Generates editable PPTX files with slide outlines, speaker notes, and formatted content from user-provided topics, audiences, languages, and slide counts.

Community
Advanced
tan-yong-shengtan-yong-sheng
72

frontend-slides

Generate zero-dependency HTML slide decks with inline CSS and JS.

Community
Intermediate
derekhu0002derekhu0002

frontend-slides

Generate self-contained HTML presentations from notes or PPT/PPTX decks.

Community
Intermediate
whchiwhchi

frontend-slides

Generate zero-dependency HTML slide decks from topics or PPT/PPTX inputs.

Community
Advanced