frontend-slides

Generate zero-dependency HTML slides with inline CSS and JavaScript.

46|14|Updated Jan 11, 2026
One-click install
npx skills add https://github.com/alexdcd/Mafia-Claude-Skills --skill frontend-slides-alexdcd
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/alexdcd/Mafia-Claude-Skills/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/alexdcd/Mafia-Claude-Skills --skill frontend-slides-alexdcd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create zero-dependency, animation-rich HTML presentations that run directly in the browser, removing the need for design tooling.

Core Features & Use Cases

  • Zero-dependency outputs: a self-contained HTML file with inline CSS and JS.
  • Viewport-fitted slides: every slide fills the screen with no internal scrolling.
  • PPT/PPTX conversion & styling: convert PowerPoint decks to HTML slides and apply production-grade visuals for a cohesive look.

Quick Start

Provide your content and preferred style, and the skill will generate a self-contained HTML deck ready to publish.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PPT or PPTX to HTML slides?

You can convert PPT or PPTX to HTML slides by providing your content and preferred style to generate a self-contained HTML file. The output replaces your original deck with a browser-ready presentation.

What is a zero-dependency HTML presentation?

A zero-dependency HTML presentation is a self-contained file with inline CSS and JavaScript. It runs directly in the browser without requiring external libraries, ensuring standalone accessibility and performance.

How do I create viewport-fitted slides without external libraries?

You create viewport-fitted slides using a viewport-fitted CSS base and inline JavaScript. This ensures every slide fills the screen with no internal scrolling for responsive behavior.

Can I use this to build a presentation deck without design tooling?

Yes, you can build a presentation deck without design tooling. The skill applies production-grade visuals and design refinements automatically, allowing non-designers to achieve a cohesive look.

Does the generated HTML presentation support animation?

Yes, the generated HTML presentation supports animation. It produces animation-rich slides with inline JavaScript to ensure accessibility and performance while running directly in the browser.

What's the best way to make a self-contained HTML deck ready to publish?

The best way to make a self-contained HTML deck is to provide your content and preferred style. The skill outputs a single file with inline CSS and JS, ready to publish immediately.