presentation

Generate single-file HTML presentations with inline CSS and JavaScript.

1|Updated Jan 22, 2026

Search Tags:#design #html #generation #presentation #slides #pitch deck

Ready to run

npx skills add https://github.com/Eduardo-Barreto/presentation-plugin --skill presentation-eduardo-barreto

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: presentation
Source: https://github.com/Eduardo-Barreto/presentation-plugin/tree/main/plugins/presentation/skills/presentation
Command: npx skills add https://github.com/Eduardo-Barreto/presentation-plugin --skill presentation-eduardo-barreto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of professional, single-file HTML presentations, eliminating the time-consuming manual process of design and formatting.

Core Features & Use Cases

Automated Presentation Generation: Creates fully-styled HTML presentations from a simple prompt.
Professional Aesthetic: Adheres to a Vercel/Apple dark mode design language with Geist typography.
Single-File Output: Generates a self-contained HTML file with inline CSS and JavaScript, requiring no external dependencies.
Use Case: When asked to create a pitch deck for a new product, this Skill can generate a visually appealing and interactive HTML presentation with a hero slide, feature highlights, and a call to action.

Quick Start

Use the presentation skill to create a 5-slide presentation about the future of AI.

Frequently Asked Questions about presentation

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

FAQPage Schema

How do I generate a single-file HTML presentation from a prompt?▼

To generate an HTML presentation, provide a text prompt describing your topic and desired slide count. The output is a production-grade, self-contained HTML file with inline CSS and JavaScript, requiring no external dependencies to run.

Can I customize the slide count and styling of the generated HTML pitch deck?▼

Yes, you can customize the slide count, styles, and languages for your HTML presentation. The generated slides feature a Vercel/Apple dark mode aesthetic and leverage Geist typography for a professional look.

Does the generated HTML presentation require external dependencies or frameworks?▼

No, the generated HTML presentation is completely dependency-free. It uses inline CSS and JavaScript to deliver features like keyboard navigation, touch support, and intersection observer animations without external libraries.

What is the best way to create a professional pitch deck without manual HTML design?▼

Automated HTML presentation generation eliminates manual design by creating single-file slides from a simple prompt. It applies a Vercel/Apple dark mode design language with Geist typography to ensure a professional aesthetic.

Are there limitations to using a single-file HTML format for slide presentations?▼

The single-file HTML format relies entirely on inline CSS and JavaScript, meaning complex external data integrations or real-time collaborative editing are not supported. It is designed for self-contained, dependency-free visual presentations.