skills.rest
SJTU-IPADS
SJTU-IPADSOFFICIAL
Explore all skills by this author →
WebsiteGitHub

frontend-slides

Convert content or PowerPoint files into production-ready HTML slide decks.

7|2|Updated Apr 13, 2026
Search Tags:#html#presentation#slides#viewport#style-presets#ppt-conversion
One-click install
npx skills add https://github.com/SJTU-IPADS/SkVM-data --skill frontend-slides-sjtu-ipads
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/SJTU-IPADS/SkVM-data/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/SJTU-IPADS/SkVM-data --skill frontend-slides-sjtu-ipads

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides provides a fast path to turn ideas into production-ready HTML slide decks, either from scratch or by converting PowerPoint content, eliminating the need for heavy design tooling or complex build systems.

Core Features & Use Cases

  • Zero-dependency: single HTML files with inline CSS/JS; no npm, no build tools.
  • PPT conversion: preserves assets, images, content, and notes when converting PPT to HTML.
  • Style discovery: generates multiple visual style previews to help pick a look before final generation.
  • Flexible deployment: suitable for sales/presales, client proposals, teaching, conferences, and internal presentations.
  • Open workflows: works in common environments like Claude Code, Cursor, and OpenClaw.

Quick Start

Describe your content and preferred style, then generate a production-ready HTML presentation in your chosen preset.

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 without losing images and notes?▼

PPT to HTML conversion preserves assets, images, content, and notes by extracting them directly from the PowerPoint file and embedding them into a production-ready HTML slide deck with inline CSS.

Can I generate HTML slides without using npm or build tools?▼

Generating zero-dependency HTML slides requires no npm or build tools, packaging all CSS, JavaScript, and assets into a single standalone HTML file for immediate viewport-fitting deployment.

Does HTML presentation generation support style previews before final output?▼

Style discovery generates multiple visual style previews during HTML presentation generation, allowing you to select a preferred look from various style presets before producing the final slide deck.

What is the best way to create viewport-fitting HTML slide decks for client proposals?▼

Creating viewport-fitting HTML slide decks for client proposals is best handled by applying enforced viewport-fitting base CSS, ensuring content scales correctly across different screen sizes without manual adjustment.

What are the limitations of using zero-dependency HTML slides for conferences?▼

Zero-dependency HTML slides are limited to single-file outputs with inline assets, meaning complex external scripting or dynamic server-side data fetching is not supported without adding manual modifications to the generated HTML architecture.

Do I need specific coding environments to generate HTML presentations?▼

Generating HTML presentations works within common coding environments like Claude Code, Cursor, and OpenClaw, requiring no specialized presentation software or heavy design tooling to produce slide decks.

Related Skills

Explore More Marketing & Sales Skills→
dakesandakesan
2

pptx

Extract and index content from PPTX files for RAG pipelines.

Community
Advanced
legoutlegout
3

slidev

Generate and manage web-based slide decks from Markdown with Vue components.

Community
Intermediate
luuspoo-createluuspoo-create

content-frontend-slides

Generate self-contained HTML slide decks with inline CSS and JS.

Community
Advanced
nogatakanogataka
28

slidekit-templ

Convert PDF presentations into HTML slide templates with extracted colors and fonts.

Community
Advanced