frontend-slides

Convert PPT/PPTX files into self-contained HTML slide decks.

2|3|Updated Mar 23, 2026
One-click install
npx skills add https://github.com/huqianghui/csa-ppt-plugin --skill frontend-slides-huqianghui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/huqianghui/csa-ppt-plugin/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/huqianghui/csa-ppt-plugin --skill frontend-slides-huqianghui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides eliminates the friction of turning ideas into polished, shareable presentations by generating zero-dependency HTML slides from scratch or by converting existing PowerPoint files to web slides.

Core Features & Use Cases

  • Produce production-ready HTML presentations with viewport-fitting slides (100vh/100dvh) and clamp-based typography for consistent looks across devices.
  • Convert PPT/PPTX files to web slides while preserving content and media, or build fresh decks from user prompts with visual discovery.
  • Support for image assets and CSS-driven visuals to help non-designers land compelling visuals without coding expertise.

Quick Start

Instruct Claude Code to generate a new Frontend Slides deck for a pitch about X, starting from provided text and optional images.

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 PPTX file to HTML web slides?

Frontend Slides converts PPTX files to HTML web slides by extracting content and media, then generating self-contained decks with inline CSS/JS and viewport-fitting 100vh slides for consistent cross-device rendering.

What is the best way to create zero-dependency HTML presentations from text?

Generating zero-dependency HTML presentations is best achieved by using inline CSS/JS, viewport-fitting 100vh slides, and clamp-based typography to produce self-contained decks that render consistently across all devices.

Do I need any external libraries to display HTML slides consistently across devices?

No, you do not need external libraries to display HTML slides consistently. Frontend Slides uses inline CSS/JS, viewport-fitting 100vh slides, and clamp-based typography to ensure zero dependencies and consistent cross-device rendering.

Can I include image assets in HTML slides without coding experience?

Yes, you can include image assets in HTML slides without coding experience. Frontend Slides supports image assets and CSS-driven visuals, enabling non-designers to build compelling presentations from prompts or converted files.

How does clamp-based typography ensure consistent HTML slide rendering?

Clamp-based typography ensures consistent HTML slide rendering by dynamically scaling font sizes within defined limits, combining with viewport-fitting 100vh slides to maintain visual proportions across different screen sizes.

What are the limitations of converting PPTX to self-contained HTML slides?

Converting PPTX to self-contained HTML slides preserves content and media but may restrict complex PowerPoint animations, as the process relies on inline CSS/JS and viewport-fitting 100vh slides to maintain zero dependencies.