skills.rest
Roxabi
RoxabiOFFICIAL
Explore all skills by this author →
Website𝕏@roxabi_GitHub

frontend-slides

Generate zero-dependency HTML presentations and convert PowerPoint files.

9|1|Updated Feb 28, 2026
Search Tags:#design#html#presentation#pptx#animation#slides
One-click install
npx skills add https://github.com/Roxabi/roxabi-plugins --skill frontend-slides-roxabi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/Roxabi/roxabi-plugins/tree/main/plugins/frontend-slides/skills/frontend-slides
Command: npx skills add https://github.com/Roxabi/roxabi-plugins --skill frontend-slides-roxabi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of visually appealing, animation-rich HTML presentations, eliminating the need for complex build tools and dependencies. It also offers conversion from PowerPoint files.

Core Features & Use Cases

  • Zero-Dependency HTML Slides: Generates single HTML files that run directly in the browser.
  • Customizable Aesthetics: Offers a variety of curated design presets and allows for detailed customization of typography, colors, and motion.
  • Viewport Fitting: Ensures every slide perfectly fits the viewport without scrolling.
  • PPT Conversion: Converts existing PowerPoint presentations into interactive HTML slides.
  • Use Case: Quickly generate a professional-looking pitch deck from a set of notes or a draft PowerPoint file, ensuring it looks great on any device.

Quick Start

Use the frontend-slides skill to create a new presentation from scratch.

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 PowerPoint presentation to HTML?▼

This Skill converts PowerPoint presentations to HTML by transforming existing PPTX files into interactive, zero-dependency HTML slides that run directly in the browser.

Can I create HTML slides from scratch without using complex build tools?▼

Yes, you can create HTML slides from scratch without build tools. This Skill generates single, zero-dependency HTML files with animation-rich designs that run directly in any browser.

What is the best way to ensure presentation slides fit the viewport without scrolling?▼

The best way to ensure slides fit the viewport is by using this Skill's viewport fitting feature, which automatically scales every generated HTML slide to perfectly match the screen without scrolling.

Does the generated HTML presentation require external dependencies or frameworks?▼

The generated HTML presentation requires no external dependencies or frameworks. It produces standalone HTML files that support custom styling via CSS variables and various font choices.

How do I customize the design and animation of HTML slides?▼

You customize HTML slides by applying curated design presets and modifying typography, colors, and motion through CSS variables, ensuring a distinctive aesthetic for your presentation.

Why use HTML for presentations instead of PowerPoint?▼

Using HTML for presentations enables animation-rich, interactive elements and distinctive design aesthetics while ensuring zero-dependency compatibility across any device with a browser.

Related Skills

Explore More Design & Creative Skills→
mafvietnammafvietnam

ck:pptx

Automate PowerPoint workflows by programmatically creating, editing, and analyzing PPTX files.

Community
Advanced
GPTtangGPTtang
4

slidev

Create web-based slides with Markdown, Vue components, and code highlighting.

Community
Intermediate
LeastBitLeastBit
560

theme-factory

Apply preset or custom visual themes to slides, documents, and HTML pages.

Community
Basic
handsomelong922handsomelong922

frontend-slides

Convert PowerPoint content into standalone viewport-safe HTML slide decks.

Community
Advanced