skills.rest
sakamoto-family-smile
sakamoto-family-smileCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Convert PowerPoint content and draft notes into animation-rich HTML slide decks.

Updated Apr 13, 2026
Search Tags:#html#presentation#pptx#slides#conversion#pdf-export
One-click install
npx skills add https://github.com/sakamoto-family-smile/agent_monorepo --skill frontend-slides-sakamoto-family-smile
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/sakamoto-family-smile/agent_monorepo/tree/main/.claude/skills/ecc/frontend-slides
Command: npx skills add https://github.com/sakamoto-family-smile/agent_monorepo --skill frontend-slides-sakamoto-family-smile

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Convert PowerPoint decks and draft notes into animation-rich, zero-dependency HTML slide decks that run in the browser, enabling easy sharing and web delivery without design overhead.

Core Features & Use Cases

  • Convert PPTX to HTML with built-in animations and responsive layouts.
  • Port existing decks for web talks, training sessions, or remote presentations.
  • Use the included HTML template, viewport-fitting base, and optional PDF export to share printable versions.

Quick Start

Provide a PPTX file or topic text and I will generate an animation-rich HTML presentation ready to present.

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 for web delivery?▼

You can convert PPTX to HTML by extracting the PowerPoint content and notes into a self-contained HTML slide deck. The output applies inline CSS and JS to create animation-rich, responsive slides that run directly in the browser.

Can I create HTML slides from scratch without an existing PowerPoint file?▼

Yes, you can generate HTML slides from scratch by providing topic text or draft notes. The tool applies a viewport-fitting base HTML template with built-in animations to build the presentation without needing an initial PPTX file.

Does the HTML presentation template require external dependencies to run?▼

No, the generated HTML presentation is entirely self-contained. It implements inline CSS and JS within the HTML template, ensuring the animation-rich slides run in the browser without external design dependencies or libraries.

How do I export my HTML slides to a printable PDF format?▼

You can export HTML slides to PDF using the built-in PDF export workflow. This process renders the viewport-fitting base layout into a printable version, allowing you to share static documents alongside the web presentation.

What is the best way to port existing decks for remote talks?▼

Porting existing decks for remote talks is best handled by converting PPTX files into zero-dependency HTML slide decks. This approach enables easy web sharing and remote presentation delivery directly in the browser.

Can I use python-pptx to extract content before converting to slides?▼

Yes, python-pptx is utilized as a dependency for PPTX extraction tooling. It extracts the text and draft notes from your existing PowerPoint files so they can be mapped into the animation-rich HTML template.

Related Skills

Explore More Design & Creative Skills→
RedWoodOGRedWoodOG
174

powerpoint

Create, edit, and extract content from PPTX presentations.

Community
Advanced
daloopadaloopa
482

ib-deck

Generate self-contained HTML pitch decks and PDF renders from Daloopa MCP data.

Official
Advanced
virgo777virgo777
302

frontend-slides

Convert PPT/PPTX presentations into responsive HTML slide decks with inline CSS/JS.

Community
Intermediate
elenaviterelenaviter
14

pptx-press

Convert slide-structured HTML into PPTX presentations with styled layouts and citations.

Community
Intermediate