frontend-slides

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

86|21|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/Jamkris/everything-gemini-code --skill frontend-slides-jamkris
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/Jamkris/everything-gemini-code/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/Jamkris/everything-gemini-code --skill frontend-slides-jamkris

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides enables creating zero-dependency, animation-rich HTML presentations that run entirely in the browser, eliminating the friction of external tooling.

Core Features & Use Cases

  • Zero-dependency HTML decks: a self-contained presentation with inline CSS and JS.
  • PPT/PPTX conversion and topic-to-presentation workflows: convert existing slides or start from notes.
  • Production-ready defaults: viewport-fit, accessible typography, responsive design, and motion-enabled interactions.

Quick Start

Create a self-contained HTML deck from topic notes or by converting a PPT/PPTX file.

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 with animations?

PPTX to HTML conversion transforms existing slide decks into self-contained HTML files with inline CSS and JS. The output preserves motion-enabled interactions and viewport-fit constraints, requiring zero external dependencies to present in a browser.

What's the best way to create HTML presentation slides from topic notes?

Creating HTML presentation slides from topic notes generates a self-contained, zero-dependency deck with inline CSS and JS. The output applies viewport-fit constraints, accessible typography, and motion-enabled interactions suitable for talks, workshops, and pitches.

Do I need external libraries to run HTML slide decks in the browser?

HTML slide decks require zero external dependencies to run in the browser. The presentation output is entirely self-contained, embedding all CSS and JS inline to ensure polished, animation-rich presentations function without external tooling.

Can I use HTML slides for responsive workshop presentations?

HTML slides are suitable for responsive workshop presentations. They apply production-ready defaults including viewport-fit constraints, accessible typography, responsive design, and motion-enabled interactions designed for internal briefings and talks.

What is a zero-dependency HTML slide deck?

A zero-dependency HTML slide deck is a self-contained presentation file with inline CSS and JS. It runs entirely in the browser, eliminating external tooling friction while supporting animation-rich presentations and style presets.

Does HTML slide conversion support custom style presets?

HTML slide conversion supports custom style presets. The generated self-contained HTML output respects applied style presets, accessible typography, and viewport-fit constraints while maintaining motion-enabled interactions.