agilize-presentation

Generate single-file HTML slide presentations with embedded CSS and JS.

Updated Mar 27, 2026

Search Tags:#html #presentation #animation #slides #design-system #deck #agilize

Ready to run

npx skills add https://github.com/agilize/ai-devex --skill agilize-presentation

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: agilize-presentation
Source: https://github.com/agilize/ai-devex/tree/main/skills/agilize-presentation
Command: npx skills add https://github.com/agilize/ai-devex --skill agilize-presentation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create polished, animated HTML slide presentations from user content, eliminating the time and design effort required to craft cohesive decks.

Core Features & Use Cases

Generates a single-file HTML presentation with embedded CSS and JS, keyboard navigation, and smooth transitions that align with the Agilize design system.
Scales from quick briefs to full pitches, making it suitable for team updates, client proposals, and conference talks.
Supports consistent branding through a purple-centric palette and typography, ensuring polished visuals without external dependencies.

Quick Start

Turn user content into a finished, shareable HTML deck by invoking the builder with your content and design constraints.

Frequently Asked Questions about agilize-presentation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate an HTML slide presentation from text content?▼

To generate an HTML slide presentation, provide your text content and design constraints to the builder. It outputs a single-file HTML deck with embedded CSS, JavaScript, keyboard navigation, and animated transitions.

What is a self-contained HTML deck and when do I need one?▼

A self-contained HTML deck is a single-file presentation with embedded CSS and JS, requiring no external dependencies. You need it for quick pitches, meeting briefs, and training decks requiring consistent branding and smooth transitions.

Can I create an animated slide deck without external CSS or JavaScript dependencies?▼

Yes, you can create an animated slide deck without external dependencies. The generated HTML file embeds all required CSS and JS internally, applying a purple-centric design palette and keyboard navigation for a polished presentation.

What is the best way to build a branded presentation for a quick client pitch?▼

The best way to build a branded presentation for a quick pitch is generating a single-file HTML deck. It applies a consistent purple-centric design system and typography, ensuring polished visuals without manual design effort.

Does the generated HTML presentation support keyboard navigation and animated transitions?▼

Yes, the generated HTML presentation supports keyboard navigation and animated transitions. It delivers smooth slide transitions aligned with a design system, scaling from quick team updates to full conference talks.