skills.rest
hwj123hwj
hwj123hwjCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generate HTML presentations with custom styles and animations.

4|Updated Jan 28, 2026
Search Tags:#web design#animation#ppt conversion#presentation creation#html presentations
One-click install
npx skills add https://github.com/hwj123hwj/custom-skills --skill frontend-slides-hwj123hwj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/hwj123hwj/custom-skills/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/hwj123hwj/custom-skills --skill frontend-slides-hwj123hwj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python-pptx, playwright, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the problem of creating beautiful, professional-looking HTML presentations without needing to code CSS or JavaScript. It allows users to create presentations from scratch or convert PowerPoint files into web-based slideshows.

Core Features & Use Cases

  • Zero-dependency HTML Presentations: Build presentations using single HTML files with inline CSS/JS.
  • Visual Style Discovery: Discover and select from curated visual themes without needing to articulate design preferences.
  • PPT Conversion: Convert PowerPoint files to web-based slideshows, preserving all content and design.
  • Use Case: If you have a PowerPoint presentation and want to create a web-based version that can be accessed on any device, this Skill can help you do so with minimal effort.

Quick Start

To create a new presentation, type /frontend-slides and follow the prompts to input your content and select a style.

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 PowerPoint files to HTML presentations, this Skill extracts content using Python and translates it into single-file web slideshows with inline CSS and JavaScript, preserving all original design elements.

How do I create web-based slideshows without coding CSS or JavaScript?▼

Creating web-based slideshows without coding is possible by inputting your content and selecting a curated visual style, which automatically generates a single HTML file with custom animations and inline styling.

Do I need Python installed to generate HTML presentations?▼

Yes, Python is required for content extraction during HTML presentation generation, while JavaScript handles the presentation logic and web-based slideshow interactions.

Can I use this to build HTML presentations from scratch or only for PPT conversion?▼

You can build HTML presentations from scratch or perform PPT conversion; both workflows are supported, allowing non-designers to quickly create visually appealing web-based slideshows with custom styles.

What's the best way to add custom animations to HTML presentations?▼

The best way to add custom animations to HTML presentations is using this Skill's automated generation pipeline, which embeds JavaScript animation logic directly into a single, zero-dependency HTML file.

Are there limitations when converting PowerPoint files to web-based slideshows?▼

Limitations of converting PowerPoint files to web-based slideshows include dependency on Python for content extraction and JavaScript for presentation logic, requiring both environments to function correctly.

Related Skills

Explore More Design & Creative Skills→
zhizhunbaozhizhunbao

dev-pptx_to_md

Convert PowerPoint PPTX presentations into Markdown documents.

Community
Basic
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
eddmanneddmann
2

playwright

Render dynamic web pages with Playwright to capture HTML, text, and screenshots.

Community
Intermediate
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate