frontend-slides

Generate HTML presentations with inline CSS and JavaScript from scratch or PowerPoint files.

Updated Jun 22, 2026

Search Tags:#html generation #powerpoint conversion #html presentations #presentation style #design assistance

Ready to run

npx skills add https://github.com/TymorIbrahim/UniPilot --skill frontend-slides-tymoribrahim

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/TymorIbrahim/UniPilot/tree/main/.cursor/.agents/skills/frontend-slides
Command: npx skills add https://github.com/TymorIbrahim/UniPilot --skill frontend-slides-tymoribrahim

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation of high-quality HTML presentations. It helps users create stunning animations without any design skills.

Core Features & Use Cases

Zero Dependency: Generates self-contained HTML files with inline CSS and JS.
Viewport Fit: Ensures all slides fit in a single viewport with no scrolling.
Style Exploration: Provides a guided visual exploration process for finding the right style.
PPT Conversion: Converts PowerPoint files to HTML presentations.
Customization: Allows customization of style and theme based on user preference.

Quick Start

To create a new HTML presentation with frontend-slides, use the following command: frontend-slides create "My 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 PowerPoint file to an HTML presentation?▼

You can convert PowerPoint files to HTML presentations by extracting slide content and formatting it within a viewport-safe structure. The Skill applies thematic CSS styles to build self-contained HTML decks with inline CSS and JavaScript.

Do I need any external libraries to build HTML presentations with this tool?▼

No, you do not need external libraries to build HTML presentations. The tool generates zero-dependency, self-contained HTML files with inline CSS and JavaScript, requiring no installation beyond standard HTML capabilities.

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

To ensure HTML presentation slides fit a single viewport without scrolling, the tool formats extracted slide content within a viewport-safe structure. This mechanism guarantees all slide content fits properly on the screen.

Can I customize the presentation style if I am not a designer?▼

Yes, you can customize the presentation style without design skills. The tool provides a guided visual exploration process for finding the right style and allows manual style input to apply thematic CSS styles.

How does the style exploration process work for HTML presentations?▼

The style exploration process works by offering guided visual previews and manual style input options. Users interact with topic selections and style previews to apply thematic CSS styles to their HTML presentations.