--- name: create-deck description: How to create a new deck with slides from scratch. Read this before creating any deck. Contains exact HTML templates for every slide layout — no codebase exploration needed. --- # Creating a Deck **Do not explore the codebase.** Everything you need is here. ## Workflow 1. Plan the slides (title, section dividers, content slides) 2. Call `create-deck --title "..." --slides '[]'` to create an empty deck 3. Navigate to the new deck 4. Call `add-slide` once per slide in slide order, waiting for each result before adding the next slide Do not create multiple slides in parallel for the same deck. Do not spawn sub-agents to write into the same deck at the same time. Sub-agents may research or draft slide copy, but one writer should call `add-slide` sequentially so the editor stays stable and the user can watch progress. If the user provides a Google Docs URL as source material, call `import-google-doc --url ` first and build from the returned text. If the action cannot read a private document, the user can connect Google Docs and choose the file through the picker, or share the Doc with the configured service account. Relay the action's exact access instructions instead of generating from the URL alone. ```bash pnpm action create-deck --title "My Deck" --slides '[]' ``` Then navigate: ```bash pnpm action navigate --deckId= ``` Then add slides one by one: ```bash pnpm action add-slide --deckId= --layout title --content "..." pnpm action add-slide --deckId= --layout content --content "..." ``` ## Slide Wrapper Every slide's `content` must use this exact outer div: ```html
``` Background is pure black (`bg-[#000000]`) — set by the renderer, not the slide HTML. ## Ready-to-Use Templates Copy and fill in the bracketed values. Use `\` to escape quotes inside the JSON string. --- ### Title Slide ```html
[LABEL OR DATE]

[TITLE]

[SUBTITLE OR PRESENTER]

``` --- ### Section Divider ```html
[SECTION NUMBER, e.g. 01]

[SECTION TITLE]

``` --- ### Content Slide (bullets) ```html
[SECTION LABEL]

[SLIDE HEADING]

● [BULLET TEXT]
● [BULLET TEXT]
● [BULLET TEXT]
``` --- ### Two-Column Slide (text left, image/visual right) ```html
[SECTION LABEL]

[HEADING]

● [BULLET]
● [BULLET]
[IMAGE DESCRIPTION]
``` --- ### Statement / Quote Slide ```html

“[STATEMENT OR QUOTE]”

[SOURCE OR ATTRIBUTION]

``` --- ### Metrics / Stats Slide ```html
[SECTION LABEL]

[HEADING]

[METRIC]
[LABEL]
[METRIC]
[LABEL]
[METRIC]
[LABEL]
``` --- ### Closing / CTA Slide ```html
[LABEL, e.g. GET STARTED]

[CLOSING STATEMENT]

[CONTACT OR NEXT STEP]

``` ## Image Placeholders When a slide needs a visual, use this div — it renders as a styled placeholder and can later be replaced with a generated image: ```html
[Description of what image should show]
``` ## Bold Terms with Description For definition-style bullets: ```html
● [Term] — [description]
``` ## Bulk Replacement Only Use a non-empty `create-deck --slides '[...]'` payload only for imports or an intentional atomic bulk replacement. For normal AI-generated decks, use the empty-deck plus sequential `add-slide` workflow above. A bulk payload looks like this: ```bash pnpm action create-deck --title "Product Vision 2025" --slides '[ { "id": "slide-1", "layout": "title", "content": "
ANNUAL STRATEGY

Product Vision 2025

Engineering Leadership — Q1 2025

" }, { "id": "slide-2", "layout": "content", "content": "
OVERVIEW

Three Core Priorities

●Ship the agent platform by March
●Grow to 10k active teams
●Reduce time-to-value to under 5 minutes
" } ]' ``` After creating, navigate to the deck: ```bash pnpm action navigate --deckId= ```