frontend-slides

Generate animation-rich HTML slide decks from prompts or PPTX files.

10|2|Updated Jan 12, 2026
One-click install
npx skills add https://github.com/canvascoding/canvas-notebook --skill frontend-slides-canvascoding
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/canvascoding/canvas-notebook/tree/main/seed_skills/frontend-slides
Command: npx skills add https://github.com/canvascoding/canvas-notebook --skill frontend-slides-canvascoding

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

The Frontend Slides skill enables anyone to generate polished, animation-rich HTML presentations without any build tools, making it easy to craft on-brand decks from prompts or PowerPoint content.

Core Features & Use Cases

  • Zero-dependency HTML slides: all output runs offline with inline CSS and JS.
  • PPTX conversion: convert PowerPoint files into fully styled web slides while preserving structure and media.
  • Style discovery: mood-driven presets guide typography, color, and motion for consistent branding.

Quick Start

Generate a brand-aligned, animation-rich HTML presentation from a PPTX file or from content prompts.

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?

Converting PPTX to HTML presentations involves importing your PowerPoint file to map its structure and media into fully styled web slides. The resulting HTML deck runs offline with zero dependencies using inline CSS and JS.

What is the best way to create animation-rich slides without web build tools?

Creating animation-rich slides without build tools is done by generating zero-dependency HTML output directly from text prompts. This approach embeds all CSS and JavaScript inline, allowing the presentation to run offline without requiring npm packages or bundlers.

Do I need any external dependencies or frameworks to display my HTML slides?

No external dependencies are needed to display HTML slides because the output is entirely self-contained. All CSS styling and JavaScript animations are embedded inline, ensuring the presentation runs offline in any browser without loading external libraries.

How do I maintain consistent branding and style across an HTML slide deck?

Maintaining consistent branding across an HTML slide deck is achieved through mood-driven style discovery presets. These presets guide typography, color schemes, and motion designs to ensure your generated presentation matches your brand guidelines quickly.

Can I edit HTML slides inline after generating them from a prompt?

Yes, inline editing is supported after generating HTML slides from a prompt or PPTX file. The workflow delivers an end-to-end experience from content discovery to generation, allowing you to tweak text and layout directly before sharing or exporting.

Does python-pptx work for converting PowerPoint structure to web slides?

Python-pptx is used to parse PowerPoint files and extract their structure and media for conversion. This parsed content is then mapped into fully styled, animation-rich HTML slides, preserving the original presentation layout without requiring the actual PowerPoint application.