Universal Agent Skills
Back to Collection
Tool/Design/Adapted Open Source

Frontend Slides

Builds animation rich HTML slide decks or converts from PowerPoint.

What It Does

Generates interactive web presentations with CSS and motion design, or converts existing PPTX decks into responsive, accessible web formats.

Origin and Adaptation Notes

Standard slide software limits typography and interactive controls. HTML slide decks enable live components and custom styling.

Attribution: Adapted from Zara Zhang's open source frontend-slides project. Distributed under the MIT License.

When to Activate

  • •Building web based slide decks for technical presentations
  • •Converting legacy PowerPoint files to responsive web formats
  • •Creating interactive presentations with embedded code playgrounds

When to Avoid

  • •Generating static print documents

Skill Specification and Runtime Setup

Full Instruction Specification
# Frontend Slides Specification

## Overview
Generates interactive web presentations with CSS and motion design, or converts existing PPTX decks into responsive, accessible web formats.

## Rationale
Standard slide software limits typography and interactive controls. HTML slide decks enable live components and custom styling.

## Core Principles
* Always verify environment constraints and dependencies before executing.
* Enforce negative constraints and reject speculative abstractions.
* Validate output against stated acceptance rubrics.

## Execution Workflow
1. Discovery: Map requirements and inspect active context.
2. Decomposition: Break down the task into discrete, verifiable phases.
3. Execution: Implement surgical changes preserving existing code architecture.
4. Verification: Test all criteria before declaring completion.

Related Skills in Design