Back to marketplace

Presentation Builder

Creates polished single-file HTML/CSS/JS slide deck presentations with animations, keyboard/click/swipe navigation, and progressive bullet reveal.

Presentationsstandard
by AgentVoltv1.0.0Published 1y ago1 install
Free to sign up · every skill included with AgentVolt Pro

Before & after

Same prompt, same agent — the only difference is the skill.

Prompt“Create an interactive HTML slide deck for our product launch event.”
Beforegeneric AI agent
You could build a presentation in a few ways. PowerPoint is traditional but a bit heavy. You could also create something as a web page—that would be more flexible and you could add animations more easily. HTML is basically just text with markup, so you can write the content and then style it with CSS. JavaScript can handle the navigation, so you could click or swipe between slides. You'd probably want to include some basic reveal animations so things appear as you talk. A single file would be easier to share than having PowerPoint with linked assets.
Afterwith Presentation Builder
I'll generate a self-contained HTML presentation you can open directly in any browser, with smooth navigation and reveal animations.

DELIVERABLE
Single .html file (no dependencies, no external CDN, fully works offline). Open it in Firefox, Chrome, Safari—it just works.

STRUCTURE
Title slide + customizable slide count (you specify topic and number of slides). Each slide gets:
• Main heading
• Bullet points or full-text body
• Optional hero image or accent color
• Progressive bullet reveal (bullets appear one-by-one as you advance)

NAVIGATION
Keyboard: left/right arrows or spacebar to advance
Mouse: click next/prev buttons
Touch: swipe left/right on phone/tablet

ANIMATIONS
Slide transitions: fade-in or slide-left (choose one style)
Bullet reveal: each point animates in from the left as you click/advance
Heading entrance: slight scale-up as the slide appears
Smooth easing on all transforms (no jarring jumps)

CUSTOMIZATION INPUTS
Topic (e.g. "Q3 product roadmap")
Slide count (e.g. 12)
Animation style (fade or slide)
Color scheme (light or dark)
Reveal timing (bullets per click or auto-advance every 5 seconds)

SAMPLE OUTPUT
A production-ready deck you can present from immediately, export as PDF if needed, or share via email/link.

About this skill

name: presentation description: Use when Creates polished single-file HTML/CSS/JS slide deck presentations with animations, keyboard/click/swipe navigation, and progressive bullet reveal.

Presentation Builder

Builds a self-contained, interactive slide deck as a single file rather than a static PowerPoint, with built-in navigation and reveal animations.

What you get

  • A single-file HTML presentation ready to open in a browser.

Customize your output

  • Topic
  • number of slides
  • animation/reveal style.

Example output

An interactive HTML slide deck with swipe/keyboard navigation.

Best for

Anyone who wants a lightweight, code-based presentation instead of PowerPoint.

SKILL.md preview

SKILL.md
---
name: presentation
description: Use this skill to build a polished, self-contained HTML/CSS/JS slide deck presentation with animations, keyboard/click/swipe navigation, and progressive bullet reveal.
version: 1.0.0
category: Presentations
author: AgentVolt
license: proprietary
tags:
  - presentations
  - standard
---

# Presentation Builder

Builds an interactive slide deck as a single self-contained HTML file, complete with navigation controls and reveal animations, instead of a static PowerPoint.

## When to use

… (sign up to view the full skill)
Sign up to view, copy, and install the full skill