skills.rest
kk20300113-png
kk20300113-pngCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Convert PowerPoint files to zero-dependency HTML presentations with animations.

Updated May 9, 2026
Search Tags:#animation#slide design#web slides#ppt conversion#html presentations#viewport fit#presentation builder
One-click install
npx skills add https://github.com/kk20300113-png/my-claude-skills --skill frontend-slides-kk20300113-png
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/kk20300113-png/my-claude-skills/tree/main/frontend-slides
Command: npx skills add https://github.com/kk20300113-png/my-claude-skills --skill frontend-slides-kk20300113-png

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the difficulty of creating professional, cross-device compatible web presentations without design expertise, and solves the problem of converting static PowerPoint files into interactive, browser-based slide decks that work offline with no external dependencies.

Core Features & Use Cases

  • Zero-dependency HTML presentation generation: Build self-contained, animation-rich slide decks that run entirely in the browser with no external libraries.
  • PowerPoint to HTML conversion: Convert .ppt or .pptx files to web presentations while preserving slide order, speaker notes, and extracted assets.
  • Visual style exploration: Help non-designers select cohesive, distinctive visual presets via single-slide previews instead of abstract design questionnaires.
  • Use Case: You have a 12-slide conference talk in PowerPoint format. Use this skill to convert it to a responsive HTML deck with a custom visual style, smooth animations, and full keyboard navigation that works on any device.

Quick Start

Use the frontend-slides skill to turn my attached workshop-notes.md into a 10-slide HTML presentation with a calm, focused visual style and smooth reveal animations.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PowerPoint to HTML presentation format?▼

To convert PowerPoint to HTML presentation format, this skill processes .ppt or .pptx files and generates self-contained web slide decks. It preserves original slide order, speaker notes, and extracted assets without requiring external libraries.

Can I build HTML presentations without external dependencies?▼

Yes, you can build zero-dependency HTML presentations that run entirely in the browser. This skill generates self-contained, animation-rich slide decks that function offline without loading any external libraries.

What is viewport fit in web slides and why does it matter?▼

Viewport fit in web slides ensures presentations scale to fill any screen size without internal scrolling. This mechanism dynamically adjusts layout dimensions, keeping content visible across different devices during talks and pitches.

Does HTML presentation generation support accessibility and reduced-motion?▼

HTML presentation generation supports accessibility standards and reduced-motion preferences. This ensures interactive, browser-based slide decks remain usable for audiences requiring keyboard navigation and motion-sensitive viewing options.

How do I choose a visual style for HTML presentations without design expertise?▼

To choose a visual style for HTML presentations without design expertise, this skill uses single-slide previews from a curated preset catalog. You select cohesive, distinctive looks by viewing actual style applications instead of abstract questionnaires.

Related Skills

Explore More Content & Communication Skills→
dthuy62dthuy62

ck:pptx

Create and edit PowerPoint presentations with OOXML structure validation.

Community
Advanced
zardusai-cyberzardusai-cyber
1

frontend-slides

Convert PPT/PPTX presentations into self-contained HTML decks with inline CSS and JS.

Community
Intermediate
zzafergokzzafergok
1

markdown-to-html-skill

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

Community
Intermediate
whyiloveher2411whyiloveher2411

Slideshow authoring contract

Author HyperFrames slideshow compositions with slide structure, fragment timing, and interactive navigation.

Community
Intermediate