Zero-Dependency Frontend Slides

Problem it solves

Building presentations often stalls on two things: content is not yet organized, and design preferences are hard to describe verbally. This skill targets single-file HTML decks, turning pitch, teaching, conference, and internal demos into files that run directly in the browser without npm or build tooling.

How it works

It first routes the task:
- New deck: ask about purpose, length, and content readiness before moving to visual exploration.
- PPT conversion: extract text, images, and notes with python-pptx, then confirm the structure.
- HTML refinement: read the existing structure and improve styling and interactions.

The style phase uses “show, don’t tell”: it generates three mini previews based on the desired mood, each showing typography, palette, entrance animation, and overall aesthetic, avoiding generic AI-looking templates. The final output is expected to include a SlidePresentation controller, Intersection Observer animation, keyboard/touch/wheel navigation, responsive behavior, and accessibility, then clean up previews, open the browser, and summarize the result.

Boundaries

It fits quick delivery of browser-openable presentations, not complex backends, collaborative editing, or large CMS workflows. If the goal is a general static site or a complex interactive app, choose a more specialized frontend design skill first.