skills.rest
kenbanks-peng
kenbanks-pengCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generate animation-rich HTML presentations from outlines or PPTX files.

1|Updated Mar 25, 2026
Search Tags:#slides#visual-design#standalone#pptx-conversion#design-discovery#html-presentation#inline-css-js
One-click install
npx skills add https://github.com/kenbanks-peng/skills --skill frontend-slides-kenbanks-peng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/kenbanks-peng/skills/tree/main/frontend-slides
Command: npx skills add https://github.com/kenbanks-peng/skills --skill frontend-slides-kenbanks-peng

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Building visually compelling presentations from content and outlines is time-consuming and requires design tooling. Frontend Slides automates the creation of animation-rich HTML decks from scratch or by converting PPTX files, enabling non-designers to craft polished slides without specialized software.

Core Features & Use Cases

  • Zero-dependency HTML presentations with inline CSS/JS for reliability across environments.
  • PPTX conversion: turn PowerPoint decks into HTML slides preserving content and imagery.
  • Style discovery: generate visual previews to help users pick a distinctive look without guessing.
  • Phase-based workflow: detect content, discover style, generate slides, convert PPTX, and share.

Quick Start

Create an animation-rich HTML presentation from your outline or convert a PPTX to a standalone web deck.

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 presentation slides?▼

To convert PPTX to HTML presentation slides, this tool processes your PowerPoint file using python-pptx, preserving content and imagery to deliver a self-contained web deck with inline CSS and JS.

Can I generate animation-rich HTML slides from an outline without design software?▼

Yes, you can generate animation-rich HTML slides directly from an outline. The workflow discovers a visual style for you, enabling non-designers to build polished presentations without specialized design software.

Do I need external dependencies to run the generated HTML presentation?▼

No, you do not need external dependencies to run the generated HTML presentation. The output is a standalone file featuring inline CSS and JavaScript for reliable playback across different environments.

What is the best way to choose a visual design for my HTML slides?▼

The best way to choose a visual design is through the phase-based style discovery process, which generates visual previews so you can pick a distinctive aesthetic for your HTML presentation without guessing.

Does the PPTX conversion process require Playwright?▼

The PPTX conversion relies on python-pptx to extract content, while Playwright is included as a dependency to support the broader phase-based workflow and web rendering tasks during slide generation.

What are the limitations of converting PowerPoint to standalone HTML?▼

A limitation of converting PowerPoint to standalone HTML is that complex native PPTX animations may be replaced by new animation-rich HTML sequences, as the tool focuses on generating a self-contained web deck.

Related Skills

Explore More Design & Creative Skills→
yeeehaoooyeeehaooo

pptx

Automate PPTX creation, editing, and analysis with Node.js and Python libraries.

Community
Advanced
easyspace-aieasyspace-ai

frontend-slides

Generate self-contained HTML presentation decks with inline CSS/JS and optional PDF export.

Community
Intermediate
Ameen-AlamAmeen-Alam
1

pptx

Automate PowerPoint PPTX creation, editing, and analysis with python-pptx and Node tools.

Community
Advanced
ssimhanssimhan
1

frontend-slides

Convert PowerPoint slides or outlines into self-contained HTML slide decks.

Community
Advanced