frontend-slides

Convert PowerPoint files into zero-dependency HTML slide decks.

46|6|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/aresbit/MateBot --skill frontend-slides
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/aresbit/MateBot/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/aresbit/MateBot --skill frontend-slides

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation of animation-rich HTML slide decks from scratch or by converting PowerPoint files. It enables non-designers to rapidly produce polished, browser-native presentations without any build steps or external tooling.

Core Features & Use Cases

  • PPT/PPTX to Web: Convert existing slide decks into responsive, zero-dependency HTML presentations with smooth typography and motion.
  • Scratch-to-present: Build new slide decks from outlines with viewport-fitted slides and guided style discovery.
  • Publish-ready Output: Produce a single HTML file (and optional assets) that can be shared or hosted easily.
  • Accessibility & Responsiveness: Ensures slides scale cleanly across devices and adhere to basic accessibility considerations.

Quick Start

Use the frontend-slides skill to generate a new presentation from your outline or to convert an existing PPT/PPTX file into a web presentation.

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 PPT to HTML for web publishing?▼

Converting PPT to HTML involves transforming your PowerPoint file into a zero-dependency, browser-native presentation. This skill automates the PPT/PPTX-to-web process, producing responsive HTML slides with smooth typography and motion, resulting in a publish-ready single HTML file.

What is the best way to create animation-rich slides without coding?▼

Creating animation-rich slides without coding requires automating HTML/CSS generation from an outline. This skill builds new slide decks from scratch, applying viewport-fitted architecture and guided style discovery to generate polished presentations without manual build steps or external tooling.

Do I need any external libraries to host my HTML presentation?▼

No external libraries are needed to host your HTML presentation. The skill ensures zero-dependency HTML/CSS/JS output, packaging your animation-rich slides into a single standalone file that can be easily shared or hosted online without requiring additional frameworks.

How to make web slides fit different screen sizes automatically?▼

Making web slides fit different screen sizes automatically relies on viewport-fitting slide architecture. This skill ensures your generated HTML presentations scale cleanly across devices, maintaining consistent layout and adhering to basic accessibility considerations for responsive viewing.

Can I preview the slide style before generating the final HTML?▼

Previewing the slide style before final HTML generation is supported through a phase-driven workflow. The skill provides style discovery previews during the creation process, allowing you to evaluate the typography and motion design before producing the complete presentation.