Agent skill

AI Vibe Slides

by unclecatvn in unclecatvn/agent-skills

Create beautiful, professional HTML or React slide decks ready for fullscreen presentation.

MITAuto-check passedDocuments & Office

Install AI Vibe Slides

skills CLI
$ npx skills add unclecatvn/agent-skills --skill ai-vibe-slides -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install unclecatvn/agent-skills ai-vibe-slides --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/unclecatvn/agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/slide .claude/skills/ai-vibe-slides && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ai-vibe-slides
GitHub stars
145
Token cost
~3.5k tokens
SKILL.md length
793 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
MIT

At a glance

Create beautiful, professional HTML or React slide decks ready for fullscreen presentation.

  • Works in 12 steps: Understand the Request → Build an Outline → Choose a Design Direction → Generate the HTML/React Slide Deck → …
  • The user wants to: create a PPT/slide/presentation from an idea
  • SKILL.md covers Goal, Slide Creation Pipeline, HTML Slide Deck Structure and Slide Layout Types, plus 4 more sections
  • Reaches fonts.googleapis.com

What it does

AI Vibe Slides is an agent skill from unclecatvn/agent-skills. 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…

Its SKILL.md is about 3.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Documents & Office, covering Slides and decks. It works with React, Python and Odoo. The repository describes itself as: Odoo Skills Documentation. The licence is MIT.

When your agent uses it

  • The user wants to: create a PPT/slide/presentation from an idea
  • Build a visually stunning slide deck from existing content
  • Generate an HTML presentation that can be projected fullscreen
  • Convert a document into a presentation

Example prompts

  • “create slides”
  • “make a PPT”
  • “presentation”
  • “/ai-vibe-slides”

Workflow steps

12 steps, taken from the step headings in SKILL.md.

  1. Understand the Request → Build an Outline
  2. Choose a Design Direction
  3. Generate the HTML/React Slide Deck
  4. Cover Slide
  5. Section Divider
  6. Content + Bullets
  7. Two-Column
  8. Cards Grid
  9. Big Number / Statistic
  10. Quote / Highlight
  11. Timeline / Steps
  12. Thank You / CTA

What it can do on your machine

Read from SKILL.md and the folder at commit 3039ef3. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are html and javascript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • fonts.googleapis.com

    Also links to:

    • github.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

AI Vibe Slides loads about 3.5k tokens when it runs. Until then it costs about 161 tokens; SKILL.md has 793 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~161
When it runs · the whole SKILL.md, loaded when a task matches
~3.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from unclecatvn/agent-skills at commit 3039ef3, republished under its MIT licence (© unclecatvn). 793 words, ~3,498 tokens.

Download SKILL.mdSave it as .claude/skills/ai-vibe-slides/SKILL.md (or your agent's skills folder).
name
ai-vibe-slides
description
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.

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.

Step 2: Choose a Design Direction

Based on context, commit to one clear design direction:

ContextSuggested Style
Startup pitch deckBold, dark theme, gradient accents, strong sans-serif
Academic / educationClean, light, diagram-heavy, readable fonts
Tech talk / conferenceModern dark, code-style typography, neon accents
Corporate / reportMinimal, professional, navy/white, serif headings
Creative / marketingColorful, asymmetric layout, bold typography
Kids / early educationPastel, rounded corners, playful icons, large text

General rules:

  • Pick 2-3 primary colors and use them consistently across the entire deck
  • 1 heading font + 1 body font (use Google Fonts)
  • Minimal text, generous whitespace — max 5-6 lines per slide
  • Clear visual hierarchy: large title → medium content → small notes
Step 3: Generate the HTML/React Slide Deck

Create a single file (.html or .jsx) containing everything:


HTML Slide Deck Structure

html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{Presentation Title}</title>
    <link
      href="https://fonts.googleapis.com/css2?family={Font1}&family={Font2}&display=swap"
      rel="stylesheet"
    />
    <style>
      /* === RESET + BASE === */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      /* === SLIDE CONTAINER === */
      .slide-deck {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        position: relative;
      }
      .slide {
        width: 100%;
        height: 100%;
        display: none;
        flex-direction: column;
        justify-content: center;
        padding: 60px 80px;
        position: absolute;
        top: 0;
        left: 0;
      }
      .slide.active {
        display: flex;
      }

      /* === TYPOGRAPHY === */
      h1 {
        font-family: "{Font1}", sans-serif;
        font-size: 3.2rem;
        margin-bottom: 1rem;
      }
      h2 {
        font-family: "{Font1}", sans-serif;
        font-size: 2.4rem;
        margin-bottom: 1.5rem;
      }
      p,
      li {
        font-family: "{Font2}", sans-serif;
        font-size: 1.4rem;
        line-height: 1.8;
      }

      /* === THEME COLORS === */
      :root {
        --bg-primary: #0f172a;
        --bg-slide: #1e293b;
        --text-primary: #f8fafc;
        --text-secondary: #94a3b8;
        --accent: #3b82f6;
        --accent-2: #8b5cf6;
      }

      /* === NAVIGATION UI === */
      .nav-hint {
        position: fixed;
        bottom: 20px;
        right: 30px;
        font-size: 0.8rem;
        color: var(--text-secondary);
        opacity: 0.5;
      }
      .slide-counter {
        position: fixed;
        bottom: 20px;
        left: 30px;
        font-size: 0.8rem;
        color: var(--text-secondary);
      }

      /* === TRANSITIONS === */
      .slide {
        animation: fadeIn 0.4s ease;
      }
      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* === LAYOUT VARIANTS === */
      .slide.cover {
        justify-content: center;
        align-items: center;
        text-align: center;
      }
      .slide.two-column {
        flex-direction: row;
        gap: 60px;
        align-items: center;
      }
      .slide.two-column .col {
        flex: 1;
      }
      .slide.centered {
        align-items: center;
        text-align: center;
      }

      /* === VISUAL ELEMENTS === */
      .card {
        background: rgba(255, 255, 255, 0.05);
        border-radius: 12px;
        padding: 24px;
        margin: 8px 0;
      }
      .badge {
        display: inline-block;
        background: var(--accent);
        color: white;
        padding: 4px 14px;
        border-radius: 20px;
        font-size: 0.85rem;
      }
      .divider {
        width: 60px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin: 16px 0;
      }
      .icon-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
      }

      /* === PRINT / PDF EXPORT === */
      @media print {
        .slide {
          page-break-after: always;
          display: flex !important;
          position: relative;
        }
        .nav-hint,
        .slide-counter {
          display: none;
        }
      }
    </style>
  </head>
  <body>
    <div class="slide-deck" id="deck">
      <!-- SLIDE 1: COVER -->
      <div
        class="slide cover active"
        style="background: linear-gradient(135deg, var(--bg-primary), #1a1a2e);"
      >
        <div class="badge">Topic</div>
        <h1 style="font-size: 3.8rem; margin-top: 20px;">Main Title</h1>
        <p
          style="color: var(--text-secondary); font-size: 1.3rem; margin-top: 12px;"
        >
          Short subtitle description
        </p>
        <div class="divider" style="margin: 20px auto;"></div>
        <p style="color: var(--text-secondary); font-size: 1rem;">
          Author — Date
        </p>
      </div>

      <!-- SLIDE 2+: CONTENT -->
      <div class="slide">
        <h2>Slide Title</h2>
        <div class="divider"></div>
        <ul>
          <li>Key point 1</li>
          <li>Key point 2</li>
          <li>Key point 3</li>
        </ul>
      </div>

      <!-- ... more slides ... -->
    </div>

    <div class="slide-counter">
      <span id="current">1</span> / <span id="total"></span>
    </div>
    <div class="nav-hint">← → or click to navigate</div>

    <script>
      const slides = document.querySelectorAll(".slide");
      let currentSlide = 0;
      document.getElementById("total").textContent = slides.length;

      function showSlide(n) {
        slides[currentSlide].classList.remove("active");
        currentSlide = (n + slides.length) % slides.length;
        slides[currentSlide].classList.add("active");
        document.getElementById("current").textContent = currentSlide + 1;
      }

      document.addEventListener("keydown", (e) => {
        if (e.key === "ArrowRight" || e.key === " ")
          showSlide(currentSlide + 1);
        if (e.key === "ArrowLeft") showSlide(currentSlide - 1);
        if (e.key === "f") document.documentElement.requestFullscreen?.();
        if (e.key === "Escape") document.exitFullscreen?.();
      });

      document.querySelector(".slide-deck").addEventListener("click", (e) => {
        const x = e.clientX / window.innerWidth;
        x > 0.5 ? showSlide(currentSlide + 1) : showSlide(currentSlide - 1);
      });
    </script>
  </body>
</html>

Slide Layout Types

Each slide should use the layout that best fits its content:

1. Cover Slide
  • Centered, extra-large font, gradient background
  • Topic badge + main title + subtitle + author
2. Section Divider
  • Only section title + number, accent color background
  • Used to separate major sections of the presentation
3. Content + Bullets
  • Left-aligned title + list of key points
  • Use icons/emoji at the start of each bullet instead of plain dots
4. Two-Column
  • .two-column layout: text on left, visuals/list/cards on right
  • Great for comparisons, before-after, text+illustration
5. Cards Grid
  • 2-3 column grid, each card containing icon + title + short description
  • Great for features, benefits, team members
6. Big Number / Statistic
  • Huge number in the center (font-size: 5rem+) + small label below
  • Great for data points, KPIs, impact numbers
7. Quote / Highlight
  • Large text, centered, with decorative quotation marks
  • Different background (light accent color)
8. Timeline / Steps
  • Horizontal or vertical flexbox, dots connecting each step
  • Great for processes, roadmaps, history
Show full SKILL.md (317 more words)Show less
9. Thank You / CTA
  • Centered, simple, contact info or call to action

MANDATORY Design Rules

  1. 16:9 aspect ratio: Always use width: 100vw; height: 100vh — each slide fills the entire screen
  2. Minimal text: Maximum 6 lines per slide. If content is long → split into multiple slides
  3. Large font sizes: Heading ≥ 2.4rem, body ≥ 1.3rem — must be readable on a projector
  4. High contrast: Text must be clearly legible against its background. Verify visually
  5. Consistency: Same fonts, same color palette, same spacing throughout the entire deck
  6. No placeholder images: Never use <img src="placeholder">. Replace with CSS shapes, gradients, icons (emoji or Lucide for React), or inline SVGs
  7. Subtle animation: Only fadeIn on slide transition. No complex animations that distract
  8. Responsive fullscreen: Must work well at all screen sizes
  9. Print-ready: Include @media print rules so each slide becomes one printed page

When Using React (.jsx) Instead of HTML

If creating a React artifact, use this pattern:

jsx
import { useState, useEffect, useCallback } from "react";

const slides = [
  { type: "cover", title: "...", subtitle: "..." },
  { type: "content", title: "...", points: ["...", "..."] },
  { type: "twoColumn", title: "...", left: "...", right: "..." },
  // ...
];

export default function SlideDeck() {
  const [current, setCurrent] = useState(0);

  const next = useCallback(
    () => setCurrent((c) => (c + 1) % slides.length),
    [],
  );
  const prev = useCallback(
    () => setCurrent((c) => (c - 1 + slides.length) % slides.length),
    [],
  );

  useEffect(() => {
    const handleKey = (e) => {
      if (e.key === "ArrowRight" || e.key === " ") next();
      if (e.key === "ArrowLeft") prev();
      if (e.key === "f") document.documentElement.requestFullscreen?.();
    };
    window.addEventListener("keydown", handleKey);
    return () => window.removeEventListener("keydown", handleKey);
  }, [next, prev]);

  const renderSlide = (slide) => {
    switch (slide.type) {
      case "cover":
        return /* cover layout */;
      case "content":
        return /* content layout */;
      case "twoColumn":
        return /* two-column layout */;
      // ...
    }
  };

  return (
    <div
      className="w-screen h-screen overflow-hidden relative"
      onClick={(e) => (e.clientX > window.innerWidth / 2 ? next() : prev())}
      style={{ fontFamily: "'Outfit', sans-serif" }}
    >
      {renderSlide(slides[current])}
      <div className="fixed bottom-5 left-8 text-sm opacity-40">
        {current + 1} / {slides.length}
      </div>
    </div>
  );
}

Advantages of React: Tailwind CSS utilities, Lucide icons, more complex logic, recharts for charts.


Pre-Delivery Checklist

  • Correct number of slides (cover + content + closing)
  • Arrow keys ← → work, click navigates
  • Counter displays correct "X / N"
  • Press F for fullscreen
  • All text is readable with sufficient contrast
  • No broken images or placeholders
  • Google Fonts load correctly (or good fallback)
  • Print/PDF exports properly (@media print)
  • Consistent style throughout the entire deck
  • Each slide has exactly one key idea, not overloaded with text

Natural Language Editing

After initial creation, the user can request modifications:

  • "Switch to a light theme" → update CSS variables
  • "Add 2 slides about case studies" → insert slides into the array
  • "Slide 3 has too much text, split it" → refactor content across slides
  • "Change the font to Playfair Display" → update Google Fonts link + CSS
  • "Add a chart to slide 5" → use CSS chart or recharts (React)

On each edit, keep unchanged slides intact and only update what the user requested.

© unclecatvn, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/slide of unclecatvn/agent-skills.

Open the folder on GitHubat commit 3039ef3

Compare with similar skills

AI Vibe Slides next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

AI Vibe Slides compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
AI Vibe Slides this skillunclecatvn/agent-skills145—~3.5kAutomated safety check: PassMIT
Open Kimi Pptjinwyp/open-ppt-skill1612 repos~5.1kAutomated safety check: PassMIT
Slidesstackblitz/bolt-slides1.1k—~4.5kAutomated safety check: PassMIT
PPTX Builder for WindowsMegaSuperKitty/WeClaw370—~650Automated safety check: PassMIT
Presentation Creatorgetsentry/skills1k—~2.3kAutomated safety check: PassApache-2.0
Ambiguity Reportlawve-ai/awesome-legal-skills847—~4.6kAutomated safety check: PassApache-2.0

Similar skills

  • Open Kimi Ppt

    jinwyp/open-ppt-skill

    Create, edit, replicate, read, and export presentations. An agent skill from jinwyp/open-ppt-skill.

    161 GitHub starsUsed in 2 repos~5.1k tokens
    Documents & OfficeAuto-check passed
  • Slides

    stackblitz/bolt-slides

    Build a premium PRESENTED slide deck — classic one-slide-at-a-time slides you advance with a clicker — as a Vite + React app.

    1.1k GitHub stars~4.5k tokensUpdated 2 mo ago
    Documents & OfficeAuto-check passed
  • PPTX Builder for Windows

    MegaSuperKitty/WeClaw

    Builds PowerPoint decks on Windows from a structured slide spec using python-pptx, with an optional HTML-to-PDF-to-image path for complex layouts.

    370 GitHub stars~650 tokensUpdated 5 mo ago
    Documents & OfficeAuto-check passed
  • Presentation Creator

    getsentry/skills

    Official

    Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding.

    1k GitHub stars~2.3k tokensUpdated yesterday
    Documents & OfficeAuto-check passed
  • Ambiguity Report

    lawve-ai/awesome-legal-skills

    Turn an interpretive-ambiguity audit of a legal text — contract, statute, regulation, or judicial opinion — into a polished deliverable.

    847 GitHub stars~4.6k tokensUpdated 8 days ago
    Documents & OfficeAuto-check passed
  • Odoo Qweb Templates

    sickn33/agentic-awesome-skills

    Expert in Odoo QWeb templating for PDF reports, email templates, and website pages.

    47k GitHub starsUsed in 2 repos~1k tokens
    Documents & OfficeAuto-check passed

More from unclecatvn/agent-skills

All 8 skills in this repo
  • Odoo Workflow

    unclecatvn/agent-skills

    Mandatory pre-code gate and definition-of-done for ANY Odoo change (add field, override method, inherit view/xpath, OWL/JS patch, wizard, cron, controller, report, security, migration, bug fix…

    145 GitHub stars~4.7k tokensUpdated 17 days ago
    Auto-check passed
  • Code Review

    unclecatvn/agent-skills

    A skill your agent uses when receiving code review feedback (especially if unclear or technically questionable), when completing tasks or major features requiring review before proceeding, or before…

    145 GitHub stars~1.3k tokensUpdated 17 days ago
    Auto-check passed
  • Odoo 16

    unclecatvn/agent-skills

    Odoo 16 development reference for Python models and ORM (search, domain, readgroup, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, record rules, groups)…

    145 GitHub stars~1.4k tokensUpdated 17 days ago
    Auto-check passed
  • Odoo 17

    unclecatvn/agent-skills

    Odoo 17 development reference for Python models and ORM (search, domain, readgroup, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, record rules, groups)…

    145 GitHub stars~1.4k tokensUpdated 17 days ago
    Auto-check passed
  • Odoo 18

    unclecatvn/agent-skills

    Odoo 18 development reference for Python models and ORM (search, domain, readgroup, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, record rules, groups)…

    145 GitHub stars~1.3k tokensUpdated 17 days ago
    Auto-check passed
  • Dtg Base

    unclecatvn/agent-skills

    Complete reference for DTG Base module utilities and helpers.

    145 GitHub stars~901 tokensUpdated 17 days ago
    Auto-check passed

Works with

Questions about AI Vibe Slides

What does AI Vibe Slides do?

Create beautiful, professional HTML or React slide decks ready for fullscreen presentation. AI Vibe Slides is an agent skill from unclecatvn/agent-skills. Create beautiful, professional HTML or React slide decks ready for fullscreen presentation.

When should I use AI Vibe Slides?

AI Vibe Slides fits situations like: the user wants to: create a PPT/slide/presentation from an idea; build a visually stunning slide deck from existing content; generate an HTML presentation that can be projected fullscreen; convert a document into a presentation.

How do I install AI Vibe Slides in Claude Code?

Run `npx skills add unclecatvn/agent-skills --skill ai-vibe-slides -a claude-code`. Or copy the skill folder (skills/slide in unclecatvn/agent-skills) into .claude/skills/ai-vibe-slides in your project. Claude Code loads it when a task matches its description.

How do I install AI Vibe Slides in Codex?

Run `npx skills add unclecatvn/agent-skills --skill ai-vibe-slides -a codex`. Or copy the skill folder (skills/slide in unclecatvn/agent-skills) into .agents/skills/ai-vibe-slides in your project. Codex loads it when a task matches its description.

Can I use AI Vibe Slides in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add unclecatvn/agent-skills --skill ai-vibe-slides -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ai-vibe-slides, .gemini/skills/ai-vibe-slides, .github/skills/ai-vibe-slides and .opencode/skills/ai-vibe-slides in your project.

What does AI Vibe Slides need to run?

SKILL.md names no scripts, command-line tools or credentials: AI Vibe Slides is instructions for the agent only.

Does AI Vibe Slides access the network?

SKILL.md names 2 domains. In commands or code: fonts.googleapis.com; the agent is likely to contact it when it follows the instructions. As links in the text: github.com. This is read from the text; nothing was executed.

Is AI Vibe Slides safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does AI Vibe Slides use?

AI Vibe Slides is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does AI Vibe Slides use?

About 3.5k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to AI Vibe Slides?

Skills that share tags, products or a category with AI Vibe Slides: Open Kimi Ppt (jinwyp/open-ppt-skill, 161 stars), Slides (stackblitz/bolt-slides, 1.1k stars), PPTX Builder for Windows (MegaSuperKitty/WeClaw, 370 stars) and Presentation Creator (getsentry/skills, 1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains AI Vibe Slides?

unclecatvn (a GitHub user) maintains it in unclecatvn/agent-skills, which has 145 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on September 24, 2026.

Source: unclecatvn/agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.