skills.rest
91zgaoge
91zgaogeCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generates self-contained HTML presentations with inline CSS and JS.

1|Updated Mar 11, 2026
Search Tags:#html#css#presentation#animation#slides#ppt conversion
One-click install
npx skills add https://github.com/91zgaoge/memoh-X --skill frontend-slides-91zgaoge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/91zgaoge/memoh-X/tree/main/internal/skills/defaults/frontend-slides
Command: npx skills add https://github.com/91zgaoge/memoh-X --skill frontend-slides-91zgaoge

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill empowers users, especially non-designers, to create visually appealing, animation-rich HTML presentations directly in the browser, eliminating the need for complex build tools.

Core Features & Use Cases

  • Zero-Dependency HTML Presentations: Generates single HTML files with inline CSS/JS.
  • Visual Style Discovery: Helps users find their aesthetic through interactive previews.
  • PPT/PPTX Conversion: Converts existing PowerPoint files into web-based slides.
  • Use Case: A startup founder needs to create a pitch deck for investors. They can use this skill to generate a professional-looking, animated presentation from scratch or by converting their existing PowerPoint slides, ensuring it looks great on any device.

Quick Start

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

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?▼

To convert a PowerPoint file to an HTML presentation, this Skill transforms existing PPT/PPTX files into self-contained, animation-rich web slides. The output is a single HTML file with inline CSS and JavaScript that runs entirely in the browser.

What is the best way to create HTML slides without installing build tools?▼

Creating HTML slides without build tools is best done by generating a zero-dependency single HTML file. This Skill embeds all CSS and JavaScript inline, producing self-contained presentations that run directly in the browser and require no external libraries.

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

You do not need any external CSS or JavaScript libraries to run these HTML presentations. The generated files are completely zero-dependency, with all styling and animations embedded inline so they function independently in any web browser.

How do I ensure my HTML presentation fits properly on different screen sizes?▼

To ensure your HTML presentation fits properly on different screen sizes, this Skill enforces strict viewport fitting requirements for all slides. It generates responsive layouts that automatically adapt to the browser window without overflowing.

Can I preview different visual styles before generating the final HTML slides?▼

You can preview different visual styles before generating final HTML slides through interactive visual style discovery. This feature allows you to explore various aesthetics and select your preferred design before the complete presentation is built.

Related Skills

Explore More Design & Creative Skills→
yurakeyurake

pptx

Convert PowerPoint presentations to Markdown and generate PPTX from HTML.

Community
Advanced
asochan-aiasochan-ai

frontend-slides

Converts user-provided content into self-contained, zero-dependency HTML presentations with responsive, viewport-fitting slides.

Official
Advanced
RUSHYOPRUSHYOP

frontend-slides

Convert PowerPoint PPT/PPTX files into zero-dependency HTML slides.

Community
Advanced
zzafergokzzafergok
1

html-slides-skill

Generate self-contained reveal.js slide decks with speaker notes and code highlighting.

Community
Intermediate