---
id: sm-presentation-builder
name: "presentation-builder"
url: https://skills.yangsir.net/skill/sm-presentation-builder
author: supercent-io
domain: content-creation
tags: ["presentation-software", "content-generation", "slide-design", "public-speaking", "storytelling"]
install_count: 4100
rating: 4.40 (20 reviews)
github: https://github.com/supercent-io/skills-template
---

# presentation-builder

> 该技能用于构建演示文稿，当用户需要真实的幻灯片演示稿而非大纲时，通过HTML优先的工作流生成并审查幻灯片。

**Stats**: 4,100 installs · 4.4/5 (20 reviews)

## Before / After 对比

### 演示文稿制作效率与质量

| Metric | Before | After | Change |
|---|---|---|---|
| - | - | - | - |
| - | - | - | - |

## Readme

# presentation-builder

# Presentation Builder

Use `slides-grab` when the user needs a real slide deck artifact, not just an outline. The workflow is HTML-first: plan the deck, generate slide HTML, review visually, then export to PPTX/PDF.

## When to use this skill

- Create a presentation from a topic, document, or brief

- Iterate on slide design visually instead of editing raw PPT manually

- Export approved decks to `.pptx` or `.pdf`

- Maintain multi-deck workspaces under `decks/<deck-name>/`

## Preflight

Install and verify `slides-grab` before authoring:

```
git clone https://github.com/vkehfdl1/slides-grab.git
cd slides-grab
npm ci
npx playwright install chromium
npm exec -- slides-grab --help

```

Minimum requirement: `Node.js >= 18`.

If `slides-grab` is already available in the current project, reuse the existing install instead of cloning again.

## Workflow

### 1. Plan the deck

Collect:

- presentation goal

- audience

- tone/style

- target slide count

- required source material

Create a concise outline, usually `slide-outline.md`, with:

- slide number

- slide title

- key message

- required visuals/data

Do not move to slide generation until the outline is approved.

### 2. Generate slide HTML

Use a dedicated workspace such as `decks/<deck-name>/`.

Create self-contained slide files:

```
decks/<deck-name>/
  slide-01-cover.html
  slide-02-problem.html
  slide-03-solution.html
  ...

```

Rules:

- one primary idea per slide

- keep HTML/CSS easy for agents to edit

- inline only the assets/styles the deck actually needs

- keep speaker notes or rationale outside slide body when possible

### 3. Build and review

After generating or editing slides:

```
slides-grab build-viewer --slides-dir decks/<deck-name>
slides-grab validate --slides-dir decks/<deck-name>

```

For visual iteration:

```
slides-grab edit --slides-dir decks/<deck-name>

```

Use the editor to select a region, request changes, and revise the corresponding HTML until the deck is approved.

### 4. Export artifacts

Only export after the design is approved.

```
slides-grab convert --slides-dir decks/<deck-name> --output decks/<deck-name>.pptx
slides-grab pdf --slides-dir decks/<deck-name> --output decks/<deck-name>.pdf

```

Report:

- output file paths

- validation status

- any slides that still need manual polish

## Core commands

```
slides-grab edit
slides-grab build-viewer
slides-grab validate
slides-grab convert
slides-grab pdf
slides-grab list-templates
slides-grab list-themes

```

All commands support `--slides-dir <path>`.

## Guardrails

- Follow the stage order: Plan -> Design -> Review -> Export

- Do not export a deck the user has not approved

- Fix source HTML/CSS when validation or conversion fails; do not patch exported binaries

- Reuse the same deck directory through revisions to preserve stable iteration history

## Example prompts

```
Create an 8-slide enterprise product deck in decks/acme-launch.
Audience: IT buyers.
Tone: confident, clean, technical.
Need PPTX and PDF exports after approval.

```

```
Turn this product brief into a 10-slide investor deck.
Use slides-grab, show me the outline first, then generate the deck in decks/series-a.

```

## References

- Source repo: `https://github.com/vkehfdl1/slides-grab`

- Key workflow from upstream: plan -> design -> visual edit -> export

Weekly Installs3.7KRepository[supercent-io/sk…template](https://github.com/supercent-io/skills-template)GitHub Stars58First Seen12 days agoSecurity Audits[Gen Agent Trust HubPass](/supercent-io/skills-template/presentation-builder/security/agent-trust-hub)[SocketPass](/supercent-io/skills-template/presentation-builder/security/socket)[SnykPass](/supercent-io/skills-template/presentation-builder/security/snyk)Installed oncodex3.6Kgemini-cli3.6Kopencode3.6Kkimi-cli3.6Kamp3.6Kgithub-copilot3.6K

---
*Source: https://skills.yangsir.net/skill/sm-presentation-builder*
*Markdown mirror: https://skills.yangsir.net/api/skill/sm-presentation-builder/markdown*