frontend-slides

Convert content or PPT imports into viewport-fitted HTML slide decks.

588|41|Updated May 13, 2026
One-click install
npx skills add https://github.com/zai-org/Synapse --skill frontend-slides-zai-org
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/zai-org/Synapse/tree/main/.setup/skills/clawhub/skills/frontend-slides
Command: npx skills add https://github.com/zai-org/Synapse --skill frontend-slides-zai-org

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the process of turning content into production-ready, animation-rich HTML slide decks, helping teams ship professional presentations faster.

Core Features & Use Cases

  • Zero-dependency HTML slides: Production-ready slides run in the browser without external dependencies.
  • PPT import & conversion: Converts PowerPoint content into slide decks while preserving text and imagery.
  • Style presets & content discovery: Provides mood-driven presets and previews to match presentation goals.
  • Viewport-fitting, responsive typography: Enforces 100vh slides with clamp-based typography for consistent viewing across devices.

Quick Start

Describe your slide content and style preferences to generate a production-ready HTML deck.

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

To convert PPT to HTML slides, this tool imports PowerPoint content, preserves text and imagery, and transforms it into a polished, animation-ready HTML slide deck running directly in the browser.

What is the best way to create animation-rich presentation decks?

Creating animation-rich presentation decks is best handled by generating zero-dependency HTML slides that enforce viewport-fitted layouts and clamp-based typography for consistent viewing across devices.

How do I make HTML slides fit the viewport responsively?

Making HTML slides fit the viewport responsively requires enforcing 100vh slide dimensions alongside clamp-based typography, which guarantees consistent scaling and viewing across different devices.

Can I generate a styled presentation from scratch without external dependencies?

Yes, you can generate a styled presentation from scratch without external dependencies, producing production-ready HTML slide decks that run entirely in the browser with zero external requirements.

How do I apply visual style presets to an HTML slide deck?

Applying visual style presets to an HTML slide deck involves a workflow of content discovery and mood-driven style selection, generating previews to match your specific solution pitch or teaching goals.