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.