skills.rest
derekhu0002
derekhu0002COMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-slides

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

Updated Mar 1, 2026
Search Tags:#html#accessibility#presentation#animation#slides#zero-dependency#ppt-conversion
One-click install
npx skills add https://github.com/derekhu0002/ai4pb-orchestrator --skill frontend-slides-derekhu0002
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/derekhu0002/ai4pb-orchestrator/tree/main/.cursor/skills/frontend-slides
Command: npx skills add https://github.com/derekhu0002/ai4pb-orchestrator --skill frontend-slides-derekhu0002

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser, and enable conversion of PowerPoint decks into web slides.

Core Features & Use Cases

  • New presentation creation: generate self-contained HTML decks from topic notes or drafts with inline CSS/JS.
  • PPT/PPTX conversion: convert existing PowerPoint slides into a web-based HTML presentation without external dependencies.
  • Style presets and accessibility: apply mood presets, ensure viewport-fit, responsive typography, and keyboard navigation for accessible viewing.

Quick Start

Generate a zero-dependency HTML deck from your content, or convert a PPT/PPTX to a web presentation using the chosen style preset.

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 PPT or PPTX deck into an HTML presentation?▼

You can convert existing PowerPoint slides into a web-based HTML presentation without external dependencies by generating a self-contained HTML file with inline CSS and JS.

Can I create HTML slides from scratch without adding external dependencies?▼

Yes, you can create animation-rich HTML slides from scratch using topic notes or drafts, which outputs a self-contained HTML file with inline CSS and JS and zero external dependencies.

What is the best way to ensure my web slides are accessible and fit the viewport?▼

The best way to ensure accessible web slides is to enforce viewport-fit, apply responsive typography, and support keyboard navigation alongside optional style presets for mood.

Does this HTML presentation approach support keyboard navigation and style presets?▼

Yes, HTML presentations generated by this approach support keyboard navigation for accessible viewing and allow you to apply optional style presets to set the desired mood for your talk decks.

What are the limitations of using zero-dependency HTML slides for conference talks?▼

A limitation of zero-dependency HTML slides is that the output is a single self-contained file with inline CSS and JS, which may require manual editing to split or manage heavy slide-density for large conference talks.

Related Skills

Explore More Design & Creative Skills→
Oruga420Oruga420

frontend-slides

Generate zero-dependency, single-file HTML presentations from notes or PPT/PPTX files.

Community
Advanced
JonnyCBBJonnyCBB

frontend-slides

Convert PPTX presentations into self-contained HTML decks with animations.

Community
Intermediate
khunglong-03khunglong-03

frontend-slides

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

Community
Intermediate
tmarsbrtmarsbr

frontend-slides

Generate self-contained HTML slide decks with inline CSS and JS.

Community
Advanced