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

Ready to run

npx skills add https://github.com/drxaibi/vibe-setup --skill frontend-slides-drxaibi

💬 Prompt for ChatGPT / Claude Chat▼

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.