keynote-slideslisted

<!-- ABOUTME: Skill guide for building Keynote-style HTML decks with brand tokens and Gemini media hooks. --> <!-- ABOUTME: Points to the single-file template, templates, and media generation workflow. --> # Keynote Slides ## Assets - `assets/keynote-slides.html` holds the single-file slide deck template. - `references/brand-guidelines.md` captures brand tokens, typography, and image style guidance. - `references/gemini-media.md` documents the Gemini nano banana and Veo media settings. ## Workflow 0. **Resolve entity + detect content-db.** Read `deck.json` → `entity` field; fall back to `<section data-entity="...">` on the active slide; then to `brands.js` default entity (the entity whose export key is `"default"`, or the single entity in the file). Check whether `content-db/<entity>/` exists alongside `brands.js`. If it does and is well-formed, content-db mode is active — load relevant atoms before generating any content. If it does not exist or is malformed, proceed normally with no message. See the [Content Database](#content-database) section for the full protocol. 1. Run the deck bootstrap to create a deck folder: ```bash scripts/new-deck.sh example-pitch --entity northwind --title "Example Pitch" --type pitch ``` 2. Update `decks/brands.js` when brand tokens change. 3. Edit `decks/<deck-id>/index.html` and duplicate slides inside `<main id="deck">`, keeping each `data-title` unique. 4. Use layout classes (`layout-title`, `layout-split`, `layout-grid`, `layout-metri