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.