frontend-slides

Generates self-contained, animation-rich HTML presentations from content or PowerPoint files.

1|1|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/mwolff328-stack/WolffClaude --skill frontend-slides-mwolff328-stack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/mwolff328-stack/WolffClaude/tree/main/.cursor/skills/frontend-slides
Command: npx skills add https://github.com/mwolff328-stack/WolffClaude --skill frontend-slides-mwolff328-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python-pptx, and includes references (resource) components.

What problem does it solve?

This Skill solves the problem of creating high-quality, performant, and visually distinct presentations without relying on bloated, proprietary software or generic templates.

Core Features & Use Cases

  • Zero-Dependency HTML Decks: Generates self-contained, animation-rich presentations that run in any browser.
  • PPT/PPTX Conversion: Automatically extracts content from existing PowerPoint files to rebuild them as modern web presentations.
  • Visual Exploration: Uses a guided, aesthetic-first approach to help users define their design style through interactive previews.

Quick Start

Use the frontend-slides skill to create a new pitch deck based on the notes provided in my current 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 a PowerPoint presentation to an HTML web deck?

To convert a PowerPoint presentation to an HTML web deck, this approach extracts raw content from existing PPTX files and rebuilds them as self-contained, animation-rich HTML presentations. It automatically transfers text and structure into a viewport-safe browser format.

Can I generate a self-contained HTML presentation without external dependencies?

Yes, you can generate a self-contained HTML presentation without external dependencies. This approach produces zero-dependency HTML decks that run in any browser, embedding all animation and layout constraints directly within the output file.

What is the best way to create responsive HTML slides for a conference talk?

The best way to create responsive HTML slides for a conference talk is to enforce strict layout constraints, viewport-safe design, and responsive typography. This approach ensures production-quality, browser-based performance for pitch decks and workshops.

Does python-pptx work for converting existing files into animation-rich slides?

Yes, python-pptx works for extracting content from existing PowerPoint files to rebuild them as modern web presentations. The skill uses this dependency to automatically parse PPTX data before generating the final animation-rich HTML slides.

How do I define the visual style and design aesthetic for my HTML presentation?

You define the visual style for your HTML presentation through a guided, aesthetic-first approach. This process uses interactive previews to help you explore and select design styles before generating the final output.