# slide-creator

Builds 16:9 presentation slide decks using HTML and CSS, then renders them to PDF via headless Chromium.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 4100 installs · ★ 29
- Author: Starchild-ai-agent
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/Starchild-ai-agent/official-skills/tree/HEAD/slide-creator/SKILL.md
- Updated: 2026-10-22
- HTML: https://affpapa.org/en/nevibecode/skills/slide-creator

## What it does

This skill generates presentations as web layouts and exports them to 16:9 PDF files. It uses CSS Grid and Flexbox instead of slide editing software. Output is strictly PDF rather than PowerPoint (.pptx), which keeps fonts, layouts, and colors intact across operating systems.

The process starts by selecting a scenario, such as an investor pitch, a keynote, or a research report. When no visual guidelines are supplied, the skill runs an art direction step: it asks 4 questions about your audience and style, renders 3 live preview options on a local page, and records the choice in `style-brief.md`.

Exporting to PDF depends on the `playwright` and `PyMuPDF` Python packages. You must install those pip dependencies beforehand, or the build pipeline will fail when headless Chromium attempts to print the HTML slides.

## Requirements
- Works with: Playwright

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a claude-code
```

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

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a codex
```

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

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Starchild-ai-agent/official-skills slide-creator
```

2. **Manually: put the files in place**
- File: `.github/skills/slide-creator/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/Starchild-ai-agent/official-skills --path slide-creator
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -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/Starchild-ai-agent/official-skills/tree/HEAD/slide-creator/SKILL.md

## When to use it
- generate a 16:9 investor pitch deck as a PDF
- build conference slides with CSS Grid and web typography
- preview visual themes side by side before generating full decks
- embed corporate logos and brand colors across all slides

## Example prompts
- Create a 10-slide pitch deck for our funding round and export to PDF
- Build a conference keynote deck and show me 3 style previews first
- Generate a research report presentation in 16:9 aspect ratio

## Similar
- [presentation-generator](https://affpapa.org/en/nevibecode/skills/presentation-generator.md) — skill · 320 installs
- [kimi-pdf](https://affpapa.org/en/nevibecode/skills/kimi-pdf.md) — skill · 419 installs
- [cc-design-html-prototyping](https://affpapa.org/en/nevibecode/skills/cc-design-html-prototyping.md) — skill · 423 installs
- [paper-slide-deck](https://affpapa.org/en/nevibecode/skills/paper-slide-deck.md) — skill · 498 installs
- [huashu-design-html-native](https://affpapa.org/en/nevibecode/skills/huashu-design-html-native.md) — skill · 426 installs
- [slide-deck](https://affpapa.org/en/nevibecode/skills/slide-deck.md) — skill · 342 installs

From the same set: [starchild-ai-agent/official-skills](https://affpapa.org/en/nevibecode/by/starchild-ai-agent/official-skills.md) — 18 cards

---
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