frontend-slides

Generate self-contained HTML slide decks from content and PPTX sources.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/MunusCaritatis/dbtools --skill frontend-slides-munuscaritatis
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/MunusCaritatis/dbtools/tree/main/.skills/frontend-slides
Command: npx skills add https://github.com/MunusCaritatis/dbtools --skill frontend-slides-munuscaritatis

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Frontend Slides enables non-designers to produce beautiful, animation-rich HTML presentations without managing complex tooling or dependencies.

Core Features & Use Cases

  • Zero-dependency slides: a single HTML file with inline CSS/JS that runs in the browser.
  • Visual style discovery: generates three visual previews to help users pick aesthetics before generating.
  • PPT/PPTX conversion: converts PowerPoint content into web slides with optional image assets.
  • Style presets: supports twelve curated presets and progressive design rules to avoid generic AI slop.
  • Phase-based workflow: describes Phase 0 through Phase 5 for end-to-end flow, from discovery to delivery.

Quick Start

Copy the skill files to your Claude Code skills directory and run /frontend-slides to begin.

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 without external dependencies?

You can convert PPTX to HTML slides by importing PowerPoint content and optional image assets into a phase-based generation pipeline. The output is a self-contained, zero-dependency HTML file with inline CSS and JS that runs directly in the browser.

What is the best way to build animation-rich presentations from scratch?

Building animation-rich presentations involves using a phase-driven workflow that starts with visual style discovery and ends with final delivery. The process generates a single HTML file using inline CSS and JS, avoiding generic AI output through twelve curated style presets.

Do I need python-pptx installed to convert PowerPoint files to web slides?

Yes, python-pptx is required to parse and convert PPTX content into web slides. The skill uses this dependency to extract PowerPoint content and optional image assets before applying its phase-based generation pipeline to create the final HTML deck.

Can I preview different visual styles before generating the full HTML deck?

Visual style discovery generates three visual previews to help you pick aesthetics before generating the full deck. This phase-based approach allows you to select from twelve curated style presets and progressive design rules before the final presentation is built.

Are there limitations to using zero-dependency HTML slide decks for presentations?

Zero-dependency HTML slide decks require all CSS and JS to be inline within a single file, which can increase file size for complex presentations. However, this approach ensures the slides run in any browser without managing complex tooling or external assets.

Does frontend-slides work with existing PowerPoint image assets?

frontend-slides supports PPTX-to-web conversions with optional image assets extracted from the PowerPoint file. The tool integrates these images into the zero-dependency HTML output during the phase-based generation pipeline.