Agent skill · design visual · unclecatvn
ai-vibe-slides
Create beautiful, professional HTML or React slide decks ready for fullscreen presentation. Use this skill when the user wants to: create a PPT/slide/presentation from an idea or outline; build a visually stunning slide deck from existing content; generate an HTML presentation that can be projected fullscreen; convert a document into a presentation. Trigger when you hear: 'create slides', 'make a PPT', 'presentation', 'slide deck', 'pitch deck', 'vibe ppt', 'make a talk', or any request to create a presentation. This skill produces a single self-contained HTML/React artifact — no backend, no installation, no dependencies.
Why this skill is useful
Generates a complete HTML/React slide deck structure with specific design guidelines and layout patterns that the AI wouldn't reliably create on its own.
What it needs
About 7k tokens when loaded. Last updated 2026-07-14. 119 stars on the source repository.
What this skill does
AI Vibe Slides — Beautiful HTML Slide Decks, Ready to Present Goal Produce a single HTML or React artifact file containing a complete slide deck that can: Present fullscreen directly in the browser Navigate via arrow keys, spacebar, or click Look professional, polished, and stylistically consistent Print or export to PDF when needed Inspired by banana-slides: a 3-step pipeline of Idea → Outline → Finished Slides, but the output is a self-contained HTML file instead of a fullstack application. --- Slide Creation Pipeline Step 1: Understand the Request → Build an Outline When the user provides a request, first build an outline mentally (no need to display it unless the user asks): 1. Identify the main topic and target audience (students, business, tech talk...) 2. Break it into logical sections: Slide 1: Cover (title + subtitle + author) Slides 2-3: Introduction / context Middle slides: Core content (one key idea per slide) Final slide: Conclusion / Call to action / Thank you 3. Each slide should have: a title, 2-5 bullet points or visual content, and a layout type If the user only gives a short sentence (e.g., "create slides about AI in healthcare"), automatically expand it into 8-12 slides with a logical structure. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills unclecatvn/slide