skills.rest
drxaibi
drxaibiCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generate zero-dependency HTML presentations with animations and PPT/PPTX conversion.

Updated Mar 9, 2026
Search Tags:#html#css#presentation#animation#slides#ppt conversion
One-click install
npx skills add https://github.com/drxaibi/vibe-setup --skill frontend-slides-drxaibi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/drxaibi/vibe-setup/tree/main/.github/skills/frontend-slides
Command: npx skills add https://github.com/drxaibi/vibe-setup --skill frontend-slides-drxaibi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of visually appealing, animation-rich HTML presentations, making it easy to build decks from scratch or convert existing PowerPoint files.

Core Features & Use Cases

  • Presentation Creation: Build zero-dependency HTML presentations with custom styling and animations.
  • PPT/PPTX Conversion: Convert PowerPoint files into interactive web-based slides.
  • Style Exploration: Helps users discover their aesthetic through visual previews rather than abstract choices.
  • Use Case: You need to create a presentation for a conference talk and want it to look professional and engaging without relying on complex design software.

Quick Start

Use the frontend-slides skill to create a new presentation about the future of AI.

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

This Skill converts PPT/PPTX files into zero-dependency, animation-rich HTML presentations that run directly in the browser without requiring external libraries or complex design software.

Can I create a zero-dependency HTML slide deck with animations from scratch?▼

Yes, you can generate production-quality HTML slides from scratch. The Skill builds distinctive, animation-rich presentations that fit viewport constraints and run entirely in the browser without external dependencies.

What is the best way to enhance my existing HTML slides with better animations?▼

The Skill enhances existing HTML slides by applying distinctive visual exploration and production-quality code constraints to deliver animation-rich, viewport-fitting presentation styling directly in the browser.

Do I need any external libraries or frameworks to run these HTML presentations?▼

No external libraries are needed. The Skill generates zero-dependency HTML presentations that run entirely in the browser, ensuring your slides are lightweight and easily shareable without framework requirements.

How does the visual exploration process work when creating HTML slides?▼

Visual exploration helps you discover your aesthetic through visual previews rather than abstract choices. It prioritizes distinctive design and viewport-fitting constraints to ensure production-quality presentation code.

Related Skills

Explore More Design & Creative Skills→
bkrishnamacharibkrishnamachari

frontend-slides

Generate self-contained HTML slide decks from user content or PPT/PPTX files.

Community
Advanced
XiaoPuOuOXiaoPuOuO
1

frontend-slides

Create zero-dependency HTML slide decks or convert PowerPoint files to browser-ready presentations.

Community
Intermediate
mykcsmykcs
1

frontend-slides

Create viewport-fitting HTML slide presentations from PPT/PPTX decks.

Community
Advanced
zivtechzivtech

marp-executor

Generate slide decks from markdown files using the Marp ecosystem.

Official
Intermediate