frontend-slides

Name: frontend-slides
Availability: InStock
Author: fideguch

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

1|Updated Jan 30, 2021

Search Tags:#html #accessibility #presentation #slides #conversion #generate

Ready to run

npx skills add https://github.com/fideguch/my_dotfiles --skill frontend-slides-fideguch

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/fideguch/my_dotfiles/tree/main/claude/skills/frontend-slides
Command: npx skills add https://github.com/fideguch/my_dotfiles --skill frontend-slides-fideguch

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create zero-dependency, self-contained HTML presentations that run directly in the browser, eliminating setup friction and ensuring consistent rendering across platforms.

Core Features & Use Cases

Self-contained HTML files with inline CSS and JavaScript for easy sharing and offline viewing.
PPT/PPTX conversion to HTML decks and enhancement of existing slides for responsive typography and animation.
Accessible slides with semantic structure, keyboard navigation, and responsive design considerations to fit any viewport.

Quick Start

Provide your slide content or a PPT/PPTX file, and frontend-slides will generate a self-contained HTML presentation.

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 file to an HTML presentation?▼

You can convert PPT or PPTX files to self-contained HTML slide decks with inline CSS and JavaScript. The generated presentation runs directly in the browser, ensuring consistent cross-platform rendering without setup friction.

What is the best way to build zero-dependency HTML slides for offline viewing?▼

Building zero-dependency HTML slides involves generating a self-contained file with inline CSS and JavaScript. This approach ensures easy sharing and offline viewing, eliminating the need for external frameworks or complex setup.

Do I need any external libraries or frameworks to generate accessible HTML slide decks?▼

No external libraries are needed to generate accessible HTML slide decks. The process creates zero-dependency, self-contained HTML files that enforce semantic structure, keyboard navigation, and responsive typography directly in the browser.

Can I enhance existing HTML slides for responsive typography and viewport fitting?▼

Yes, you can enhance existing slides for responsive typography and viewport-fitting. The process applies a mandatory base CSS and preset catalog to ensure your presentation fits any viewport and maintains a semantic structure.

How does keyboard navigation work in self-contained HTML presentations?▼

Keyboard navigation in self-contained HTML presentations works by applying semantic structure and inline JavaScript during generation. This ensures users can navigate slides directly through keyboard inputs without relying on external dependencies.