frontend-slides

Convert PPT/PPTX slides into zero-dependency HTML presentations with preserved motion.

1|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/TruCol270/salty-pickle --skill frontend-slides-trucol270
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/TruCol270/salty-pickle/tree/main/.claude-skills/frontend-slides
Command: npx skills add https://github.com/TruCol270/salty-pickle --skill frontend-slides-trucol270

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates zero-dependency, animation-rich HTML presentations that run entirely in the browser, eliminating heavy tooling and desktop-only workflows.

Core Features & Use Cases

  • Zero-dependency HTML decks that run in any modern browser
  • PPT/PPTX to HTML conversion with motion and typography preserved
  • Viewport-fit slides with preset styles to ensure accessible, responsive presentations across devices

Quick Start

Provide your slide content or PPTX and run the frontend-slides workflow to generate an animation-rich 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 PPTX to HTML while preserving slide animations?

You can convert PPTX to HTML by providing the source file to generate an animation-rich, zero-dependency HTML deck. The process preserves motion and typography during the PPTX to HTML conversion.

What is a zero-dependency HTML presentation and how does it work in the browser?

A zero-dependency HTML presentation is a web-ready deck that runs entirely in any modern browser. It works by enforcing inline CSS and JavaScript, eliminating the need for heavy desktop tooling or external frameworks.

Can I create responsive presentation slides that fit any viewport size?

Yes, you can create responsive presentation slides that automatically fit the viewport. The generated HTML decks apply preset styles to ensure accessible, responsive presentations across different devices and screen sizes.

How do I make custom HTML slides accessible without external libraries?

To make custom HTML slides accessible without external libraries, the workflow enforces inline CSS and JS while applying accessibility considerations. It uses structured style presets to maintain accessible frontend presentation standards.

Are there preset styles available for building frontend presentation slides?

Yes, preset styles are available for building frontend presentation slides. The workflow is guided by a style presets file that applies structured styling rules to ensure consistent, accessible HTML slide generation.

Do I need any external CSS or JS frameworks to run these HTML presentations?

No, you do not need any external CSS or JS frameworks to run these HTML presentations. They are zero-dependency web-ready decks that enforce inline CSS and JS, running entirely in the browser without heavy tooling.