skills.rest
agentmatters
agentmattersOFFICIAL
Explore all skills by this author →
WebsiteGitHub

frontend-slides

Convert PowerPoint slides into standalone HTML presentations with inline CSS and JS.

3|2|Updated Mar 8, 2026
Search Tags:#html#accessibility#presentation#pptx#animation#slides#conversion
One-click install
npx skills add https://github.com/agentmatters/mullai-bot --skill frontend-slides-agentmatters
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/agentmatters/mullai-bot/tree/main/src/Mullai.Skills/Skills/claude-code-everything/frontend-slides
Command: npx skills add https://github.com/agentmatters/mullai-bot --skill frontend-slides-agentmatters

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides enables you to create zero-dependency, animation-rich HTML presentations that run entirely in the browser, and to convert PowerPoint content into web-ready decks.

Core Features & Use Cases

  • Zero-dependency HTML: output a self-contained slide deck with inline CSS and JS.
  • PPT/PPTX conversion: transform PowerPoint slides into web slides for quick sharing and presenting.
  • Viewport-safe design: ensures every slide fits a single viewport with responsive typography and layout.
  • Style presets integration: leverages guidelines from STYLE_PRESETS.md to maintain a cohesive visual language.

Quick Start

Provide a topic or PPTX file, and I will generate a ready-to-run presentation.html with a single-viewport slide 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 PowerPoint slides to HTML?▼

This Skill converts PPTX files into animation-rich HTML presentations by applying inline CSS/JS and STYLE_PRESETS.md guidelines to produce a standalone, zero-dependency presentation.html file.

Can I create an HTML presentation with animations without external libraries?▼

Yes, this Skill generates animation-rich HTML presentations using only inline CSS and JS, producing a standalone, zero-dependency file that runs entirely in the browser.

How do I make HTML slides fit a single viewport for presentations?▼

To make HTML slides fit a single viewport, this Skill applies STYLE_PRESETS.md-driven viewport-safe design with responsive typography and layout, ensuring every slide fits within one screen.

What is the best way to share a presentation deck online without dependencies?▼

The best way to share a presentation online is generating a standalone HTML file with inline CSS and JS, which runs entirely in the browser without requiring external libraries.

Do I need PowerPoint installed to convert PPTX to web slides?▼

No, you do not need PowerPoint installed. Provide the PPTX file directly, and the conversion process transforms the slide content into an animation-rich, zero-dependency HTML presentation.

Related Skills

Explore More Design & Creative Skills→
SpaceZephyrSpaceZephyr
333

pptx

Create and edit PowerPoint presentations while preserving slide structure and formatting.

Community
Advanced
besoeasybesoeasy
128

anonymous-file-upload

Upload files anonymously to IPFS with client-side encryption and CID pinning.

Community
Advanced
khunglong-03khunglong-03

frontend-slides

Generate animation-rich HTML presentations from notes or PPT/PPTX files.

Community
Intermediate
MuhammadUAMuhammadUA

presentations

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

Community
Intermediate