frontend-slides

Convert a topic and content into a zero-dependency HTML presentation.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/DrinkBoooz/PyTrade --skill frontend-slides-drinkboooz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/DrinkBoooz/PyTrade/tree/main/.opencode/skills/trading-creation-tool/ecc/skills/frontend-slides
Command: npx skills add https://github.com/DrinkBoooz/PyTrade --skill frontend-slides-drinkboooz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser, enabling from-scratch creation or PPT/PPTX conversions.

Core Features & Use Cases

  • Zero-dependency HTML presentations with inline CSS and JS for portability.
  • PPT/PPTX to HTML conversion to rapidly turn existing decks into web-friendly slides.
  • Production-ready output with accessible, responsive typography and motion patterns.

Quick Start

Convert a topic and content into a zero-dependency HTML presentation.

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 for a browser presentation?

You can convert PPTX to HTML by transforming your existing deck content into a zero-dependency HTML presentation. The output is a self-contained deck with inline CSS, accessible typography, and keyboard navigation that runs entirely in the browser.

What is a zero-dependency HTML slide deck?

A zero-dependency HTML slide deck is a self-contained presentation built with inline CSS and JS, requiring no external libraries. It provides viewport-safe layouts, keyboard and touch navigation, and reduced-motion support for portable web playback.

Can I create HTML presentation slides from scratch without external libraries?

Yes, you can build HTML presentation slides from scratch without external libraries. The process generates a portable deck featuring animation-rich patterns, responsive typography, and touch navigation, ensuring accessibility entirely in the browser.

Do HTML presentations support keyboard navigation and reduced-motion accessibility?

HTML presentations support keyboard and touch navigation alongside reduced-motion accessibility. This ensures self-contained decks are accessible and responsive, providing viewport-safe CSS and inline styles for users with motion sensitivities.

What is the best way to make my conference slides web-friendly?

The best way to make conference slides web-friendly is converting your topic and content into a zero-dependency HTML presentation. This approach creates a portable, animation-rich deck with inline styles that runs directly in any browser.

Are there limitations to building slides with inline CSS and JS?

Building slides with inline CSS and JS limits you to browser-native animation patterns and viewport-safe layouts without external library extensions. However, this constraint guarantees a self-contained, portable presentation with full keyboard and touch navigation support.