frontend-slides

Create zero-dependency HTML slide decks from user content.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/a3ro-dev/nerdy-net-pitch-deck --skill frontend-slides-a3ro-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/a3ro-dev/nerdy-net-pitch-deck/tree/main
Command: npx skills add https://github.com/a3ro-dev/nerdy-net-pitch-deck --skill frontend-slides-a3ro-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides enables anyone to create stunning, animation-rich HTML presentations without any dependency on external tooling or frameworks, letting non-designers explore aesthetics and produce polished slides quickly.

Core Features & Use Cases

  • Zero-dependency HTML slides: single-file, inline CSS/JS that run entirely in the browser.
  • PPT/PPTX conversion: convert presentations to web slides for easy sharing and viewing.
  • Production-grade visuals: responsive typography, motion patterns, and slide transitions that meet modern design standards.
  • Use cases include investor decks, lectures, tech talks, and internal project updates where speed and polish matter.

Quick Start

Provide your slide content (and optional images), and I will generate a production-ready, zero-dependency HTML slideshow with responsive, animation-rich slides.

Frequently Asked Questions about frontend-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create HTML presentation slides without external dependencies?

Create HTML presentation slides by providing your content to generate single-file decks with inline CSS and JS. This approach uses zero dependencies, running entirely in the browser with responsive typography and production-ready animations.

Can I convert PPT or PPTX files into web-based slides?

Yes, you can convert PPTX files into web-based slides. The tool processes your existing PowerPoint presentations and transforms them into zero-dependency HTML slide decks for easy sharing and viewing in any browser.

How do I make HTML slides fit different screen sizes during a presentation?

Make HTML slides fit different screen sizes using viewport fitting with 100vh slides and clamp() typography. This CSS architecture ensures your presentation scales responsively across various display dimensions.

What is the best way to build an animation-rich investor deck for the web?

Build animation-rich investor decks for the web by supplying your content to generate HTML slides with production-grade motion patterns and transitions. This method avoids external frameworks while delivering polished, responsive visuals.

Do I need any external frameworks or libraries to run these HTML slides?

No, you do not need external frameworks or libraries to run these HTML slides. They are built as single-file outputs with inline CSS and JS, ensuring they operate entirely in the browser without dependencies.

When should I not use a zero-dependency HTML slide generator?

Avoid using a zero-dependency HTML slide generator if your presentation requires complex external data fetching or proprietary framework integrations. This tool focuses on self-contained, inline CSS/JS architecture without external asset management.