Agent skill

Slidev Presentations

by nicepkg in nicepkg/ai-workflow

Creates Slidev markdown presentations for developers. An agent skill from nicepkg/ai-workflow.

MITAuto-check passedDocuments & Office

Install Slidev Presentations

skills CLI
$ npx skills add nicepkg/ai-workflow --skill slidev-presentations -a claude-code

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

GitHub CLI
$ gh skill install nicepkg/ai-workflow slidev-presentations --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/nicepkg/ai-workflow.git skills-src && mkdir -p .claude/skills && cp -r skills-src/workflows/talk-to-slidev-workflow/.claude/skills/slidev-presentations .claude/skills/slidev-presentations && 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
slidev-presentations
GitHub stars
285
Token cost
~2.3k tokens
SKILL.md length
725 words
Files
9 (incl. references, assets)
Skills in repo
61
Repo updated
First seen
Licence
MIT

At a glance

Creates Slidev markdown presentations for developers. An agent skill from nicepkg/ai-workflow.

  • Works in 8 steps: Duration: Lightning (5-10 min) to deep… → Audience: Peers, leadership, external,… → Format: Lecture, demo-heavy, workshop,… → …
  • Tasks that involve Slides and decks
  • SKILL.md covers Official LLM Documentation, When to Use This Skill, Recommended Workflow and Example Outputs, plus 7 more sections
  • Calls npx, npm and pnpm; reaches sli.dev

What it does

Slidev Presentations is an agent skill from nicepkg/ai-workflow. Creates Slidev markdown presentations for developers. Activates for: slides with code highlighting, technical talks, conference presentations, workshop materials, live coding decks, or markdown-based slides. Not for PowerPoint/Google Slides or non-presentation documents.

Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including reference files and assets (for example `assets/example-team-update.md`, `assets/example-technical-talk.md` and `assets/example-tutorial.md`).

It sits in Documents & Office, covering Slides and decks, PowerPoint presentations and Cloud office suites. It works with Google Slides and Microsoft PowerPoint. The repository describes itself as: 🚀 170+ pre-built skills for Claude Code, Cursor, Codex & 14+ AI tools. Stop re-teaching your AI the same things. One command → instant domain expertise. Marketing, SEO, Trading… The licence is MIT.

When your agent uses it

  • Tasks that involve Slides and decks
  • Tasks that involve PowerPoint presentations
  • Tasks that involve Cloud office suites

Example prompts

  • “Use the slidev-presentations skill to create Slidev markdown presentations for developers. An agent skill from nicepkg/ai-workflow”
  • “/slidev-presentations”

Requirements

  • Python 3
  • Node.js

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  1. Duration: Lightning (5-10 min) to deep dive (45-60 min)
  2. Audience: Peers, leadership, external, onboarding
  3. Format: Lecture, demo-heavy, workshop, Q&A-heavy
  4. Venue: Team meeting, conference, client presentation
  5. Focus Areas: Architecture, features, API, testing, DevOps
  6. Technical Depth: High-level, moderate, deep dive
  7. Core Message: What's the ONE thing to remember?
  8. Call to Action: What should audience DO after?

What it can do on your machine

Read from SKILL.md and the folder at commit d167b41. 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

    Shell commands in SKILL.md call:

    • npx
    • npm
    • pnpm

    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:

    • sli.dev

    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

Slidev Presentations loads about 2.3k tokens when it runs, and up to ~10k if it reads all its reference files. Until then it costs about 73 tokens; SKILL.md has 725 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~73
When it runs · the whole SKILL.md, loaded when a task matches
~2.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~10k

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 nicepkg/ai-workflow at commit d167b41, republished under its MIT licence (© nicepkg). 725 words, ~2,301 tokens.

Download SKILL.mdSave it as .claude/skills/slidev-presentations/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.
name
slidev-presentations
description
Creates Slidev markdown presentations for developers. Activates for: slides with code highlighting, technical talks, conference presentations, workshop materials, live coding decks, or markdown-based slides. Not for PowerPoint/Google Slides or non-presentation documents.

Slidev Presentations Skill

Generate professional, browser-based presentations using Slidev - the presentation framework for developers.

Official LLM Documentation

For complete API reference or advanced features, fetch the official LLM-optimized documentation:

https://sli.dev/llms-full.txt

When to Use This Skill

Activate when the user requests:

  • Creating presentation slides
  • Technical talks or conference presentations
  • Developer-focused slide decks
  • Markdown-based presentations with code examples
  • Interactive presentations with animations
Example Trigger Phrases

These prompts should activate this skill:

  • "Create a presentation about Kubernetes architecture"
  • "Make slides for my talk on TypeScript best practices"
  • "Generate a Slidev deck explaining our API design"
  • "Build a technical presentation for the team meeting"
  • "I need slides for a conference talk on microservices"
  • "Create a workshop presentation with code examples"
  • "Make a deck covering React hooks for beginners"
  • "Generate presentation slides about CI/CD pipelines"
NOT This Skill

Do NOT activate for:

  • PowerPoint or Google Slides requests (different format)
  • Simple document or README generation
  • Non-presentation Markdown files
  • Requests for presentation tips without actual slide creation

Follow the plan-first approach for quality presentations:

text
1. Gather Context  →  2. Create Plan  →  3. Review Plan  →  4. Generate Slides
Why Plan First?
  • Plans capture audience, duration, and core message
  • Review checkpoint before investing in slide generation
  • Plans become presenter notes and Q&A preparation
  • Easier to iterate on structure than on finished slides
Workflow Options
ScenarioCommandOutput
New presentation on a topic/slidev:plan [topic] then /slidev:from-planPlan + Slides
Presentation about a codebase/slidev:from-codebase [path]Plan + Slides
Quick slides (skip planning)/slidev:new [topic]Slides only
Generate from existing plan/slidev:from-plan [plan-file]Slides only
Plan Document Structure

A presentation plan includes:

  • Metadata: Duration, audience, format, venue
  • Core Message: The ONE thing to remember
  • Time Allocation: Section breakdown with minutes
  • Section Details: Key points, visuals needed, talking points
  • Diagrams to Create: Architecture, flow, comparisons
  • Code Examples: Files, lines, what to highlight
  • Demo Plan: What to show, commands, backup plan
  • Q&A Preparation: Anticipated questions and answers
  • Presenter Checklist: Before/during presentation tasks
Questions to Gather

When creating a plan, gather:

  1. Duration: Lightning (5-10 min) to deep dive (45-60 min)
  2. Audience: Peers, leadership, external, onboarding
  3. Format: Lecture, demo-heavy, workshop, Q&A-heavy
  4. Venue: Team meeting, conference, client presentation
  5. Focus Areas: Architecture, features, API, testing, DevOps
  6. Technical Depth: High-level, moderate, deep dive
  7. Core Message: What's the ONE thing to remember?
  8. Call to Action: What should audience DO after?

Example Outputs

See the assets/ directory for complete example presentations:

  • example-technical-talk.md - Conference-style deep dive (Kubernetes)
  • example-tutorial.md - Workshop format with exercises (TypeScript)
  • example-team-update.md - Internal team presentation (Q4 update)

Reference Documentation

See the references/ directory for detailed documentation:

Show full SKILL.md (287 more words)Show less

Quick Setup

If the user doesn't have Slidev installed, provide these commands:

bash
# Create new presentation (recommended)
npm init slidev@latest

# Or with pnpm
pnpm create slidev

# Or add to existing project
npm install @slidev/cli @slidev/theme-default

Linting Configuration (Required)

Slidev's multi-frontmatter syntax conflicts with standard markdown linters. Always ensure a .markdownlint.json exists in the presentation directory before generating slides.

Why This Matters

Slidev uses --- separators with per-slide frontmatter:

markdown
---
layout: section
---

Standard markdownlint interprets layout: section + --- as a setext-style heading and "fixes" it to ## layout: section, corrupting the presentation.

Required Configuration

Create .markdownlint.json in the presentation directory:

json
{
  "MD003": false,
  "MD024": false,
  "MD025": false,
  "MD026": false,
  "MD033": false,
  "MD041": false
}
RuleWhy Disabled
MD003Prevents setext→ATX conversion that corrupts frontmatter
MD024Slides often have repeated headings across slides
MD025Each slide can have its own H1
MD026Slide titles may end with punctuation
MD033Slidev uses inline HTML for layouts and animations
MD041First line is YAML frontmatter, not a heading
Automatic Setup

All /slidev:* commands should check for and create this config file before writing slides.md. If modifying an existing presentation, verify the config exists first.

Run the presentation:

bash
# Development mode with hot reload
npx slidev

# Build for production
npx slidev build

# Export to PDF (requires playwright-chromium)
npx slidev export

# Export to PPTX
npx slidev export --format pptx

Output Format

Generate a complete slides.md file that can be run directly with Slidev.

Core Syntax (Quick Reference)

For full syntax details, see references/slidev-quick-reference.md.

Basic Structure
markdown
---
theme: default
title: My Presentation
transition: slide-left
mdc: true
---

# First Slide

Content here

---

# Second Slide

More content
Key Layouts
LayoutUse Case
coverTitle slide
centerCentered content
sectionSection divider
two-colsSide-by-side content
two-cols-headerHeader + two columns
image-rightImage right, content left
factHighlight a statistic
Two-Column Layout
markdown
---
layout: two-cols-header
---

# Header

::left::

Left content

::right::

Right content
Code with Line Highlighting
markdown
```typescript {2,3}
function add(a: number, b: number) {
  const sum = a + b  // highlighted
  return sum         // highlighted
}
```
Click-to-Reveal Code
markdown
```typescript {1|2|3|all}
const a = 1  // click 1
const b = 2  // click 2
const c = 3  // click 3
```
Animations
html
<!-- Reveal items one-by-one -->
<v-clicks>

- First item (click 1)
- Second item (click 2)

</v-clicks>

<!-- Single element reveal -->
<div v-click>Appears on click</div>
Presenter Notes
markdown
# Slide Title

Content

<!--
Speaker notes here (presenter mode only)
-->
Diagrams (Mermaid)
markdown
```mermaid
graph TD
  A[Start] --> B{Decision}
  B -->|Yes| C[Action]
  B -->|No| D[End]
```

Advanced Features

For advanced functionality, see references/advanced-features.md:

  • Shiki Magic Move - Animated code transitions
  • Monaco Editor - Interactive, editable code blocks ({monaco}, {monaco-run})
  • v-motion - Movement animations
  • v-mark - Hand-drawn style annotations
  • Addons - Python execution, QR codes, diagrams
  • Icons - 100k+ icons via UnoCSS
  • Live Drawing - Annotation during presentations

Multi-File Organization

For large presentations (30+ slides), split across multiple files. See references/multi-file-organization.md.

Quick example:

markdown
---
src: ./slides/01-intro.md
---

---
src: ./slides/02-content.md
---

Benefits: No linting conflicts, easier reorganization, better version control.

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

Files

SKILL.md and 8 other files (references, assets) in workflows/talk-to-slidev-workflow/.claude/skills/slidev-presentations of nicepkg/ai-workflow.

  • SKILL.md
  • assets/example-team-update.md
  • assets/example-technical-talk.md
  • assets/example-tutorial.md
  • references/advanced-features.md
  • references/layouts-guide.md
  • references/multi-file-organization.md
  • references/slidev-quick-reference.md
  • references/themes.md

Open the folder on GitHubat commit d167b41

Compare with similar skills

Slidev Presentations 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.

Slidev Presentations compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Slidev Presentations this skillnicepkg/ai-workflow285—~2.3kAutomated safety check: PassMIT
Publish To Pagesgithub/awesome-copilot40k1 repos~1.1kAutomated safety check: PassMIT
Gamma Migration Deep Divejeremylongshore/tons-of-skills-marketplace2.8k—~2.3kAutomated safety check: PassMIT
PPTX Generatorcoleam00/ai-transformation-workshop147—~9.9kAutomated safety check: PassNone
Explorable Deckclaesbackman/AI-research-feedback493—~2.9kAutomated safety check: PassMIT
Thumbnail Of PPTXpamelafox/presentation-skills125—~686Automated safety check: PassMIT

Similar skills

  • Publish To Pages

    github/awesome-copilot

    Official

    Publish presentations and web content to GitHub Pages. An agent skill from github/awesome-copilot.

    40k GitHub starsUsed in 1 repo~1.1k tokens
    Documents & OfficeAuto-check passed
  • Gamma Migration Deep Dive

    jeremylongshore/tons-of-skills-marketplace

    Deep dive into migrating to Gamma from other presentation platforms.

    2.8k GitHub stars~2.3k tokensUpdated today
    Documents & OfficeAuto-check passed
  • PPTX Generator

    coleam00/ai-transformation-workshop

    Generate and edit presentation slides as PPTX files. An agent skill from coleam00/ai-transformation-workshop.

    147 GitHub stars~9.9k tokensUpdated 1 mo ago
    Documents & OfficeAuto-check passed
  • Explorable Deck

    claesbackman/AI-research-feedback

    Build a Quarto reveal.js slide deck in the explorable-explanation style (Nicky Case) — one idea per slide, assertion titles, a concrete running example, run-time SVG stages the presenter drives…

    493 GitHub stars~2.9k tokensUpdated 12 days ago
    Documents & OfficeAuto-check passed
  • Thumbnail Of PPTX

    pamelafox/presentation-skills

    Capture a thumbnail image of a slide from a OneDrive/Office presentation link.

    125 GitHub stars~686 tokensUpdated 1 mo ago
    Documents & OfficeAuto-check passed
  • Ultralytics Branding

    fcakyon/claude-codex-settings

    This skill should be used when creating Ultralytics-branded content of any kind, including PDF, PPTX, Canva, or Google Slides presentations, DOCX documents, marketing or newsletter HTML emails…

    1.2k GitHub stars~1.3k tokensUpdated today
    Documents & OfficeAuto-check passed

More from nicepkg/ai-workflow

All 61 skills in this repo
  • Capture Triage

    nicepkg/ai-workflow

    Processes Drafts Pro captures from the Inbox folder. An agent skill from nicepkg/ai-workflow.

    285 GitHub stars~3k tokensUpdated 8 mo ago
    Auto-check passed
  • Legacy To AI Ready

    nicepkg/ai-workflow

    Transform legacy codebases into AI-ready projects with Claude Code configurations.

    285 GitHub stars~2.2k tokensUpdated 8 mo ago
    Auto-check: notes
  • Newsletter Coach

    nicepkg/ai-workflow

    Writing coach that extracts educational content from your daily experiences and turns it into publish-ready newsletter drafts.

    285 GitHub stars~3.7k tokensUpdated 8 mo ago
    Auto-check passed
  • Webfluence

    nicepkg/ai-workflow

    Content web architecture framework. An agent skill from nicepkg/ai-workflow.

    285 GitHub stars~1.4k tokensUpdated 8 mo ago
    Auto-check passed
  • Workflow Creator

    nicepkg/ai-workflow

    Create complete Claude Code workflow directories with curated skills.

    285 GitHub stars~2.6k tokensUpdated 8 mo ago
    Auto-check passed
  • Media Processing

    nicepkg/ai-workflow

    Video/audio/image processing with FFmpeg and ImageMagick. An agent skill from nicepkg/ai-workflow.

    285 GitHub stars~2.4k tokensUpdated 8 mo ago
    Auto-check: notes

Questions about Slidev Presentations

What does Slidev Presentations do?

Creates Slidev markdown presentations for developers. An agent skill from nicepkg/ai-workflow. Slidev Presentations is an agent skill from nicepkg/ai-workflow. Creates Slidev markdown presentations for developers.

When should I use Slidev Presentations?

Slidev Presentations fits situations like: tasks that involve Slides and decks; tasks that involve PowerPoint presentations; tasks that involve Cloud office suites.

How do I install Slidev Presentations in Claude Code?

Run `npx skills add nicepkg/ai-workflow --skill slidev-presentations -a claude-code`. Or copy the skill folder (workflows/talk-to-slidev-workflow/.claude/skills/slidev-presentations in nicepkg/ai-workflow) into .claude/skills/slidev-presentations in your project. Claude Code loads it when a task matches its description.

How do I install Slidev Presentations in Codex?

Run `npx skills add nicepkg/ai-workflow --skill slidev-presentations -a codex`. Or copy the skill folder (workflows/talk-to-slidev-workflow/.claude/skills/slidev-presentations in nicepkg/ai-workflow) into .agents/skills/slidev-presentations in your project. Codex loads it when a task matches its description.

Can I use Slidev Presentations 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 nicepkg/ai-workflow --skill slidev-presentations -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/slidev-presentations, .gemini/skills/slidev-presentations, .github/skills/slidev-presentations and .opencode/skills/slidev-presentations in your project.

What does Slidev Presentations need to run?

Going by SKILL.md and its folder, Slidev Presentations needs the command-line tools its instructions call (npx, npm and pnpm). Our summary lists: Python 3; Node.js.

Does Slidev Presentations access the network?

SKILL.md names 1 domain. In commands or code: sli.dev; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Slidev Presentations 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 Slidev Presentations use?

Slidev Presentations 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 Slidev Presentations use?

About 2.3k tokens (SKILL.md is roughly 9.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 7.9k tokens, read only when the agent opens those files.

What are the alternatives to Slidev Presentations?

Skills that share tags, products or a category with Slidev Presentations: Publish To Pages (github/awesome-copilot, 40k stars), Gamma Migration Deep Dive (jeremylongshore/tons-of-skills-marketplace, 2.8k stars), PPTX Generator (coleam00/ai-transformation-workshop, 147 stars) and Explorable Deck (claesbackman/AI-research-feedback, 493 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Slidev Presentations?

nicepkg (a GitHub organization) maintains it in nicepkg/ai-workflow, which has 285 GitHub stars. The repository holds 61 skills in this directory. The repository was last updated on January 20, 2026.

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