skills.rest
digitarald
digitaraldCOMMUNITY
Explore all skills by this author →
Website𝕏@digitaraldGitHub

frontend-slides

Generate self-contained HTML slide decks with inline CSS/JS from content and style inputs.

21|10|Updated Feb 5, 2026
Search Tags:#CSS#HTML#presentation#animations#slides#generate
One-click install
npx skills add https://github.com/digitarald/product-brain --skill frontend-slides-digitarald
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/digitarald/product-brain/tree/main/.agents/skills/frontend-slides
Command: npx skills add https://github.com/digitarald/product-brain --skill frontend-slides-digitarald

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides enables non-designers to create stunning, animation-rich HTML presentations that run entirely in the browser, reducing dependency on external tools and enabling quick sharing.

Core Features & Use Cases

  • Self-contained HTML slides with inline CSS/JS for zero-install publishing.
  • PPT/PPTX to web conversion workflows to transform existing decks into clean, browser-ready presentations.
  • Guided style discovery to explore distinct visual themes and generate production-ready slides.

Quick Start

Provide your slide content and preferred style; the tool will generate a standalone HTML presentation you can open in any browser.

Frequently Asked Questions about frontend-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert PPT to HTML for browser viewing?▼

To convert PPT to HTML, this tool transforms existing presentation decks into self-contained, browser-ready HTML files with inline CSS and JS. This workflow eliminates external dependencies, allowing quick publishing and sharing directly from any web browser.

What is a self-contained HTML slide deck?▼

A self-contained HTML slide deck is a single file with inline CSS and JS that runs entirely in the browser. It enforces viewport fitting using 100vh/100dvh and applies clamp-based responsive typography for production-ready presentations.

How do I generate HTML slides from raw content?▼

To generate HTML slides, provide your content and preferred style inputs. The tool applies guided style discovery to produce production-ready HTML presentations with modular structure, optional assets, references, and scripts.

Does this HTML presentation generator support responsive typography?▼

Yes, the HTML presentation generator supports responsive typography by using CSS clamp-based scaling. It also enforces viewport-perfect fitting with 100vh/100dvh units to ensure slides display correctly across different screen sizes.

Do I need external libraries to run these HTML slides?▼

No, you do not need external libraries to run these HTML slides. The generated output is entirely self-contained with inline CSS and JS, enabling zero-install publishing and quick sharing without external tool dependencies.

Related Skills

Explore More Design & Creative Skills→
cocyuhaococyuhao
1

baoyu-slide-deck

Convert markdown content into branded PPTX/PDF slide decks with outlines and images.

Community
Advanced
arjitj2arjitj2

frontend-slides

Creates zero-dependency HTML presentations and converts PowerPoint files to browser-based slide decks.

Community
Advanced
yurakeyurake

pptx

Convert PowerPoint presentations to Markdown and generate PPTX from HTML.

Community
Advanced
MantisWareMantisWare

slides

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

Community
Advanced