skills.rest
KanakMalpani
KanakMalpaniCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generate zero-dependency HTML presentations with keyboard navigation from notes or PPT/PPTX files.

Updated Mar 20, 2026
Search Tags:#html#accessibility#frontend#css#presentation#slides
One-click install
npx skills add https://github.com/KanakMalpani/General-Private-Skills --skill frontend-slides-kanakmalpani
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/KanakMalpani/General-Private-Skills/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/KanakMalpani/General-Private-Skills --skill frontend-slides-kanakmalpani

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Turn topic notes or PowerPoint slides into zero-dependency, animation-rich HTML presentations that run in the browser, removing design friction and enabling quick talk-ready decks.

Core Features & Use Cases

  • Generates self-contained HTML slides with inline CSS and JS (no external dependencies).
  • Converts PPT/PPTX to web-ready slides and supports creating slides from scratch for talks, workshops, or pitches.
  • Enforces viewport-fit, accessible typography, responsive layouts, and keyboard navigation for presentable decks.

Quick Start

Describe your topic or upload a PPT/PPTX file, and I will generate a zero-dependency, animation-rich HTML presentation with viewport-safe slides.

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

Converting PPTX to HTML presentation slides involves uploading your PowerPoint file to generate a self-contained, animation-rich HTML deck with inline CSS and JS, requiring no external dependencies to run in the browser.

Can I create web-ready slides from plain text notes?▼

Creating web-ready slides from plain text notes is possible by describing your topic. The tool generates a zero-dependency HTML presentation with viewport-safe layouts, responsive typography, and keyboard navigation.

Do I need external libraries to run HTML slides in the browser?▼

Running HTML slides in the browser requires no external libraries. The generated presentation uses a single file format with inline styles and JavaScript, ensuring zero external dependencies.

What is the best way to make accessible HTML presentations?▼

Making accessible HTML presentations is best achieved by generating a single-file deck that enforces accessible typography, keyboard navigation, viewport-fit layouts, and reduced-motion support for users with accessibility needs.

Does the generated HTML presentation support keyboard navigation and reduced-motion?▼

The generated HTML presentation supports keyboard navigation and reduced-motion. It enforces accessibility requirements, responsive layouts, and viewport-safe slides for an accessible presenting experience.

Related Skills

Explore More Design & Creative Skills→
khunglong-03khunglong-03

frontend-slides

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

Community
Intermediate
mykcsmykcs
1

frontend-slides

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

Community
Advanced
Eduardo-BarretoEduardo-Barreto
1

presentation

Generate single-file HTML presentations with inline CSS and JavaScript.

Community
Intermediate
aresbitaresbit
46

frontend-slides

Convert PowerPoint files into zero-dependency HTML slide decks.

Community
Advanced