# Product Tour Deck

> A deck made of your product: screenshots in a browser window or a phone on a quiet desk, and a camera that flies into each feature you point at, with a ring around it, the rest of the screen under a soft shade and a numbered card that says what it does. Stepping through flies the camera out to the whole screen, across to the next feature and over to the phone. Your agent builds it from your notes and 2× screenshots, checks every line of text against what lies behind it, and exports a PowerPoint file that does the same zooms with PowerPoint's own Morph transition.

- Output: Slides, HTML deck with a camera that zooms into your screenshots + PDF + PPTX with native Morph · 6–14 slides
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/product-tour-deck

## What you need

- Node.js 18 or newer.
- Chrome, Chromium or Edge installed, for the checks, the PDF and the PPTX. Set `CHROME_PATH` if the scripts don't find it.
- For the PPTX only: `npm i pptxgenjs@4.0.1` in the folder you run the export from.
- Internet access when the deck is opened, checked or exported, for the Google Fonts stylesheet.
- **Screenshots of the product at 2× (Retina)**, `.png` or `.jpg`: browser screens about 2880 × 1800 (a 1440 × 900 window), phone screens about 1179 × 2556. Without the browser's own toolbar; the deck draws the window. Take them with real-looking data, never a customer's.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add product-tour-deck
```

The first run prints a sign-in link; open it, approve, and run the command again. Pro skills install for accounts that bought them or have Pro.

Where it installs:

- Run by Claude Code: `~/.claude/skills/product-tour-deck` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/product-tour-deck`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/product-tour-deck` when `~/.claude` exists.

Add `--claude` or `--shared` to write only one of those folders, or `--project` to install into the current folder instead. Start a new agent session afterwards so it picks up the skill.

Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.

## Example request

> Make a Product Tour Deck for our feature launch from launch.md and the screenshots in shots/: the whole dashboard, then close-ups of the three new features, the phone app and a customer quote, and export the PDF and a PPTX with Morph.