skills.rest
yzeng1018
yzeng1018COMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generates animated HTML presentations from scratch or converts PowerPoint files to web slideshows with inline CSS/JS.

1|Updated Mar 5, 2026
Search Tags:#design#html#web development#presentation#ppt conversion
One-click install
npx skills add https://github.com/yzeng1018/frontend-slides --skill frontend-slides-yzeng1018
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/yzeng1018/frontend-slides/tree/main
Command: npx skills add https://github.com/yzeng1018/frontend-slides --skill frontend-slides-yzeng1018

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps non-designers create beautiful web presentations from scratch or by converting PowerPoint files, eliminating the need for CSS or JavaScript knowledge.

Core Features & Use Cases

  • Zero Dependencies: Generates single HTML files with inline CSS/JS.
  • Visual Style Discovery: Offers generated visual previews to help users discover their aesthetic preferences.
  • PPT Conversion: Converts existing PowerPoint files to web presentations.
  • Use Case: Create a pitch deck for your AI startup or convert a PowerPoint presentation to a web slideshow with a specific style.

Quick Start

To create a new presentation, type /frontend-slides followed by your presentation content.

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

Converting a PowerPoint file to an HTML presentation requires the Claude Code CLI to execute the ppt conversion. This process transforms your existing slides into a single, animation-rich HTML file without manual CSS or JavaScript coding.

Can I create an HTML presentation from scratch without knowing web development?▼

Yes, you can create a web presentation from scratch without web development knowledge. The Skill generates standalone HTML files with inline CSS and JS, providing visual previews to help you choose your design style.

Do I need to install any dependencies to generate HTML presentations?▼

No external dependencies are required for the output itself, as the generated presentation is a single standalone HTML file with inline CSS and JS. However, you must have the Claude Code CLI installed to execute the generation process.

What is the best way to add animations to a web slideshow for non-designers?▼

Using an automated HTML presentation generator is the best way for non-designers to add animations. It handles the complex CSS and JavaScript animations internally, outputting a single standalone file with rich visual effects.

Related Skills

Explore More Product & Management Skills→
MicrockMicrock
322

pptx

Create, edit, and analyze PPTX presentations programmatically.

Community
Advanced
ssimhanssimhan
1

frontend-slides

Convert PowerPoint slides or outlines into self-contained HTML slide decks.

Community
Advanced
Maccio-huangMaccio-huang

html-ppt-xhs-white-editorial

Generate HTML presentations with white editorial magazine-style layouts.

Community
Intermediate
sogadaikisogadaiki

revealjs

Generate reveal.js HTML presentations from structured outlines with custom themes and charts.

Community
Advanced