skills.rest
rbah31
rbah31COMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Convert PowerPoint decks into self-contained HTML slides with inlined CSS and JS.

5|Updated Mar 9, 2026
Search Tags:#html#presentation#pptx#zero-dependency#design-discovery
One-click install
npx skills add https://github.com/rbah31/claude-code-workflow --skill frontend-slides-rbah31
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/rbah31/claude-code-workflow/tree/main/.claude/skills/frontend-slides
Command: npx skills add https://github.com/rbah31/claude-code-workflow --skill frontend-slides-rbah31

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Enables non-designers to create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint decks into self-contained web slides, reducing friction between ideas and visuals.

Core Features & Use Cases

  • Zero-dependency HTML presentations: single HTML files with inline CSS/JS for portability.
  • PPT/PPTX conversion: turn existing decks into web slides preserving content and layout.
  • Visual style discovery: generate previews to help users pick a distinctive look without articulating design terms.
  • Sharing & export: deploy to live URLs or export to PDF for distribution.

Quick Start

Start by typing /frontend-slides to begin the guided creation and style discovery process.

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 PPTX presentation to a standalone HTML file?▼

Converting PPTX to HTML involves transforming PowerPoint decks into self-contained, zero-dependency web slides. This Skill preserves your content and layout while inlining all CSS and JavaScript to produce a single portable HTML file.

Can I create an HTML presentation from scratch without any existing PowerPoint files?▼

You can create HTML presentations from scratch without existing PowerPoint files. This Skill supports deterministic generation to build new talks, teaching materials, or pitches directly as self-contained web slides ready for deployment.

Do I need external libraries or web dependencies to display the generated HTML slides?▼

You do not need external libraries or web dependencies to display the generated HTML slides. The output is a single-file deck with inlined CSS and JS, ensuring zero-dependency portability for accessible web presentations.

How do I choose a visual style for my HTML slides if I am not a designer?▼

Choosing a visual style for your HTML slides without design experience relies on this Skill's visual style discovery process. It generates previews to help you pick a distinctive look without needing to articulate complex design terms.

Can I export my HTML slide deck to PDF for distribution?▼

You can export your HTML slide deck to PDF for distribution. After converting or creating your presentation, the Skill supports exporting the single-file deck to PDF or deploying it directly to live URLs.

Related Skills

Explore More Design & Creative Skills→
cpich3gcpich3g

pptx

Automate PowerPoint creation, editing, and analysis via script-driven workflows.

Community
Advanced
neubigneubig
3

openhands-slides

Create branded reveal.js slide decks as self-contained HTML files.

Community
Intermediate
legoutlegout
3

frontend-slides

Generate zero-dependency HTML presentations from scratch or PowerPoint files.

Community
Advanced
namuannamuan
4

frontend-slides

Convert PPTX or text outlines into zero-dependency HTML slides.

Community
Advanced