frontend-slides

Generate zero-dependency HTML slide decks from scratch or convert PowerPoint files.

1|Updated Mar 8, 2026
One-click install
npx skills add https://github.com/vinitgirdhar/GRID_ --skill frontend-slides-vinitgirdhar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/vinitgirdhar/GRID_/tree/main/.agent/.cursor/skills/frontend-slides
Command: npx skills add https://github.com/vinitgirdhar/GRID_ --skill frontend-slides-vinitgirdhar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides eliminates the need for external design tooling by generating zero-dependency, animation-rich HTML presentations that run directly in the browser, enabling fast prototyping and consistent styling.

Core Features & Use Cases

  • Zero-dependency HTML presentations with inline CSS and JS
  • PPT / PPTX conversion to HTML slides and enhancement of existing HTML decks
  • Viewport-fit, responsive typography, accessibility-aware navigation, and production-ready structure
  • Flexible workflow for new presentations, conversions, and enhancements

Quick Start

Provide your slide content and desired mood, and I will generate a self-contained HTML deck that runs in a browser.

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 PowerPoint presentation to HTML slides?

Converting PowerPoint to HTML slides transforms PPT/PPTX files into self-contained, animation-rich web decks. The process generates zero-dependency HTML with inline CSS and JS, enabling browser-based viewing without external libraries.

Can I create HTML presentations without using external JavaScript libraries?

Creating HTML presentations without external JavaScript libraries is fully supported by generating zero-dependency slide decks. The output uses inline CSS and JS to provide animation-rich, viewport-fit presentations that run directly in any browser.

How do I make an existing HTML slide deck accessible and responsive?

Making HTML slide decks accessible and responsive involves enhancing existing markup with viewport-fit layouts, responsive typography, and keyboard navigation. The enhancement mode adds accessibility-aware controls and production-ready structure without adding dependencies.

What is the best way to build a self-contained HTML slide deck for a talk?

The best way to build a self-contained HTML talk deck is generating a zero-dependency file with inline styling. You provide slide content and desired mood, and receive a production-ready, animation-rich presentation tailored for fast prototyping and consistent styling.

Do I need any specific frameworks to run HTML presentations in the browser?

Running HTML presentations in the browser requires no specific frameworks or dependencies. The generated slide decks are entirely self-contained with inline CSS and JS, ensuring consistent performance and styling across browser environments without external tooling.