skills.rest
TymorIbrahim
TymorIbrahimCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/TymorIbrahim/UniPilot --skill frontend-slides-tymoribrahim
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Oruga420Oruga420

frontend-slides

Generate zero-dependency, single-file HTML presentations from notes or PPT/PPTX files.

Community
Advanced
pekralpekral

frontend-slides

Generate self-contained HTML presentation decks with vanilla CSS and JavaScript.

Community
Intermediate
MantisWareMantisWare

slides

Generate self-contained HTML presentation decks from topics, outlines, or PowerPoint files.

Community
Advanced
tmarsbrtmarsbr

frontend-slides

Generate self-contained HTML slide decks with inline CSS and JS.

Community
Advanced