frontend-slides

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

Updated Jul 30, 2025
One-click install
npx skills add https://github.com/tmarsbr/portifolio --skill frontend-slides-tmarsbr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/tmarsbr/portifolio/tree/main/skill-ux/skills/frontend-slides
Command: npx skills add https://github.com/tmarsbr/portifolio --skill frontend-slides-tmarsbr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams create zero-dependency, animation-rich HTML presentations that run entirely in the browser, enabling rapid prototyping without build tooling.

Core Features & Use Cases

  • Zero-dependency output: single-file HTML slides with inline CSS and JS.
  • PPT/PPTX conversion: turn PowerPoint decks into production-ready web slides.
  • Design-forward templates: craft aesthetically distinctive presentations suitable for talks or pitches.
  • Use Case: Convert a conference talk outline into a polished, web-based deck in minutes.

Quick Start

Outline your content and run the skill to generate a ready-to-present HTML deck.

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 slides?

To convert PPTX to HTML slides, this tool transforms PowerPoint decks into production-ready, self-contained web slides with inline CSS and JS. It preserves slide order and supports optional assets, animations, and speaker notes.

Can I generate a web presentation without any build tooling or dependencies?

Yes, you can generate a web presentation without build tooling. This skill produces zero-dependency, single-file HTML slide decks with inline CSS and JS that run entirely in the browser, enabling rapid prototyping.

How do I create animation-rich HTML slides from a conference talk outline?

To create animation-rich HTML slides from a talk outline, simply outline your content and run the skill to generate a ready-to-present, design-forward HTML deck with optional animations in minutes.

Does the generated HTML slide deck support speaker notes?

Yes, the generated HTML slide deck supports speaker notes. When generating self-contained web slides from new content or PPTX conversions, it preserves slide order and includes support for optional speaker notes.

What is the best way to enhance existing HTML decks with animations?

The best way to enhance existing HTML decks with animations is to process them through this skill. It applies to enhancing existing HTML decks by producing self-contained HTML output with inline CSS/JS and optional animations.

Are there limitations to the zero-dependency HTML slide output?

The zero-dependency HTML slide output is self-contained with inline CSS and JS, meaning all assets must be optional and inline. It focuses on browser-based presentation without external build tooling or framework dependencies.