skills.rest
fideguch
fideguchCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

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

1|Updated Jan 30, 2021
Search Tags:#html#accessibility#presentation#slides#conversion#generate
One-click install
npx skills add https://github.com/fideguch/my_dotfiles --skill frontend-slides-fideguch
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
bkrishnamacharibkrishnamachari

frontend-slides

Generate self-contained HTML slide decks from user content or PPT/PPTX files.

Community
Advanced
whichguywhichguy

html-artifact

Generate self-contained HTML files from Markdown content.

Community
Intermediate
CDO-07-NewCDO-07-New

frontend-slides

Create browser-based presentation decks from notes or PowerPoint files.

Official
Advanced
namuannamuan
4

frontend-slides

Convert PPTX or text outlines into zero-dependency HTML slides.

Community
Advanced