skills.rest
Eduardo-Barreto
Eduardo-BarretoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/Eduardo-Barreto/presentation-plugin --skill presentation-eduardo-barreto
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Content & Communication Skills→
yopitekyopitek

baoyu-slide-deck

Generate 16:9 slide decks with outlines, prompts, and images into PPTX/PDF.

Community
Advanced
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
SJTU-IPADSSJTU-IPADS
7

ppt-outline

Generate structured PPT outlines and HTML slide decks from a topic.

Official
Intermediate
TIAN0517TIAN0517

pptx

Create, edit, and analyze PowerPoint presentations with python-pptx.

Community
Advanced