skills.rest
luuspoo-create
luuspoo-createCOMMUNITY
Explore all skills by this author →
GitHub

content-frontend-slides

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

1|Updated Apr 11, 2026
Search Tags:#education#frontend#presentation#pptx#animation#slides
One-click install
npx skills add https://github.com/luuspoo-create/claude-bildungs-skills --skill content-frontend-slides
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: content-frontend-slides
Source: https://github.com/luuspoo-create/claude-bildungs-skills/tree/main/content-frontend-slides
Command: npx skills add https://github.com/luuspoo-create/claude-bildungs-skills --skill content-frontend-slides

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables educators and designers to generate self-contained, zero-dependency HTML presentations with rich animations, directly from content and design goals.

Core Features & Use Cases

  • Zero dependencies — single HTML files with inline CSS/JS, no build tools required.
  • Phase-driven workflow — Content Discovery, Style Discovery, Generation, and Delivery to produce polished decks that fit viewport constraints.
  • PPT/PPTX conversion and design-forward storytelling — turn existing presentations into web slides or craft fresh, aesthetic talks for teaching, training, and workshops.

Quick Start

Generate a self-contained HTML presentation from your content by selecting a mood or style; the system will generate responsive, animated slides that fit the viewport.

Frequently Asked Questions about content-frontend-slides

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

FAQPage Schema
How do I convert PPTX to animated HTML slides without dependencies?▼

To convert PPT to HTML without dependencies, use a phase-driven workflow that outputs self-contained HTML files with inline CSS and JS. This approach turns existing PPTX presentations into browser-based animated slide decks requiring no build tools.

What is a phase-driven workflow for HTML presentation generation?▼

A phase-driven workflow for HTML presentation generation is a structured process spanning Content Discovery, Style Discovery, Generation, and Delivery phases. It ensures self-contained slide decks fit viewport constraints and achieve design-forward storytelling.

Can I generate self-contained HTML slides that fit any viewport size?▼

Yes, you can generate self-contained HTML slides that fit any viewport size. The generation process enforces viewport-fitting CSS with clamp-based typography and style presets to ensure presentations display correctly across different screens.

Do I need build tools or external libraries to create browser-based presentations?▼

No, you do not need build tools or external libraries to create browser-based presentations. The generated slide decks are zero-dependency single HTML files containing all inline CSS and JavaScript required to run directly in browsers.

What is the best way to create design-forward teaching slides from raw content?▼

The best way to create design-forward teaching slides from raw content is by selecting a mood or style to trigger automated generation. This outputs responsive, animated HTML slide decks suitable for teaching, training, and workshops.

Related Skills

Explore More Design & Creative Skills→
LearnPromptLearnPrompt
863

humanize-ppt

Transform raw text into structured presentations with AST outlines and visual elements.

Community
Advanced
usetheodevusetheodev

marp-slide

Generate self-contained Marp slide decks with frontmatter and rendered HTML and PPTX.

Community
Advanced
Clos01Clos01
3

html-ppt-xhs-white-editorial

Create white editorial HTML presentation decks with reusable slide templates.

Community
Intermediate
arjitj2arjitj2

frontend-slides

Creates zero-dependency HTML presentations and converts PowerPoint files to browser-based slide decks.

Community
Advanced