# dokie-ai-ppt

This skill turns a conversation with your agent into an HTML deck: it collects requirements, drafts an outline, picks a theme and writes the slides.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 984 installs · ★ 70
- Author: MYZY-AI
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/MYZY-AI/dokie-ai-ppt/tree/HEAD/SKILL.md
- Updated: 2026-03-03
- HTML: https://affpapa.org/en/nevibecode/skills/dokie-ai-ppt

## What it does

The skill runs a project step by step. It collects requirements, then picks a theme, generates the outline, and only after that writes HTML. At every stage the agent shows the result and waits for your reply, and it reads the rule files under `rules/` first — themes, slides, charts, animation. Slides land in a folder as `slide_01.html`, `slide_02.html` and so on.

The specs are fixed: 1280 × 720, charts on Chart.js 4.5, icons from Font Awesome 6.5, animation only through GSAP, since CSS animation is prohibited. Emoji and invented image URLs are off the table too, and images come only from what you upload or the tool fetches. Chart data cannot be made up.

Check the CLI before you start: `npx dokie-cli themes`. If that command fails, nothing downstream will build. Local preview runs with `npx dokie-cli preview ./my-project/`. Edits have their own path — the agent works out your intent, changes as little as possible and keeps the original layout.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add MYZY-AI/dokie-ai-ppt --skill dokie-ai-ppt -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/dokie-ai-ppt/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/dokie-ai-ppt/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add MYZY-AI/dokie-ai-ppt --skill dokie-ai-ppt -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/dokie-ai-ppt/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add MYZY-AI/dokie-ai-ppt --skill dokie-ai-ppt -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/dokie-ai-ppt/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install MYZY-AI/dokie-ai-ppt dokie-ai-ppt
```

2. **Manually: put the files in place**
- File: `.github/skills/dokie-ai-ppt/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add MYZY-AI/dokie-ai-ppt --skill dokie-ai-ppt -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/MYZY-AI/dokie-ai-ppt
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/dokie-ai-ppt/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add MYZY-AI/dokie-ai-ppt --skill dokie-ai-ppt -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/MYZY-AI/dokie-ai-ppt/tree/HEAD/SKILL.md

## When to use it
- turn a chat brief into a slide deck
- draft an outline before any HTML is written
- switch theme colors or fonts
- drop a funnel, timeline or chart onto a slide
- preview the finished slides locally

## Example prompts
- build a deck for the quarterly report, keep it formal
- add a sales funnel slide after the third one
- change the theme colors to dark blue and regenerate the slides

## Similar
- [ppt-visual](https://affpapa.org/en/nevibecode/skills/ppt-visual.md) — skill · 12100 installs
- [ppt-generation](https://affpapa.org/en/nevibecode/skills/ppt-generation.md) — skill · 5200 installs
- [html-ppt-retro-quarterly-review](https://affpapa.org/en/nevibecode/skills/html-ppt-retro-quarterly-review.md) — skill · 2800 installs
- [humanize-ppt](https://affpapa.org/en/nevibecode/skills/humanize-ppt.md) — skill · 575 installs
- [html-to-ppt](https://affpapa.org/en/nevibecode/skills/html-to-ppt.md) — skill · 5000 installs
- [frontend-slides-editable](https://affpapa.org/en/nevibecode/skills/frontend-slides-editable.md) — skill · 536 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md