skills.rest
MeoBaka
MeoBakaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-slides

Generate self-contained HTML presentations from content or PPTX files.

Updated Aug 23, 2026
Search Tags:#html#presentation#pptx#animation#slides#frontend-slides
One-click install
npx skills add https://github.com/MeoBaka/MeoPanel-Client --skill frontend-slides-meobaka
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/MeoBaka/MeoPanel-Client/tree/main/.claude/skills/frontend-slides
Command: npx skills add https://github.com/MeoBaka/MeoPanel-Client --skill frontend-slides-meobaka

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Designing and delivering polished, animation-rich HTML presentations can require tooling, setup, and multiple tech stacks. This skill provides a zero-dependency path to generate self-contained HTML slides from content, or by converting PowerPoint files, with built-in design rules and viewport guarantees.

Core Features & Use Cases

  • Zero-dependency HTML presentations: a single self-contained HTML file with inline CSS/JS.
  • PPTX conversion: transform PowerPoint slides into web-ready HTML for quick sharing and consistent visuals.
  • Style presets and viewport rules: guided design principles and mood-based presets to accelerate creation.

Quick Start

Generate a self-contained presentation from your content or a PPTX file using the included style presets.

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 file to an HTML presentation?▼

You can convert PPTX to an HTML presentation by using a script extraction workflow that transforms PowerPoint slides into a self-contained web-ready HTML file with inline CSS and JS.

How do I create animation-rich HTML slides from scratch?▼

You can create animation-rich HTML slides from scratch by using built-in style presets and mood-based design rules to automatically generate a single self-contained HTML file with inline CSS and JS in minutes.

What are the advantages of a self-contained HTML presentation over PPTX?▼

A self-contained HTML presentation with inline CSS and JS requires zero dependencies and tooling setup, ensuring consistent visuals and easy sharing across web browsers without needing PowerPoint installed.

Do I need any external libraries or dependencies to generate HTML slides?▼

No external frontend libraries are needed to generate HTML slides, as the output is a single self-contained HTML file with inline CSS and JS, though PPTX extraction requires the python-pptx dependency.

Can I apply predefined visual styles and viewport rules to my HTML slides?▼

Yes, you can apply predefined visual styles to your HTML slides by using integrated style presets and mood-based design principles that enforce responsive viewport rules for consistent rendering.

Related Skills

Explore More Design & Creative Skills→
C-Jay69C-Jay69

pptx

Create, edit, and analyze PowerPoint files with Python and JavaScript tooling.

Community
Advanced
MantisWareMantisWare

slides

Generate self-contained HTML presentation decks from topics, outlines, or PowerPoint files.

Community
Advanced
wangke19wangke19
1

technical-presentation-generator

Generate self-contained bilingual HTML slide presentations with inline CSS/JS and code highlighting.

Community
Advanced
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate