storyboard-architect
Turn a video brief into a storyboard and shot list with shot specs, timing, on-screen text and per-shot rationale. Use when the…
Extract a production-ready brand-lock.md from a brand's existing assets. Point it at a website URL, a brand book PDF, screenshots, or a written description and it produces the nine-section brand-lock the rest of shotkit consumes, with a confidence and source noted for every
Claude Code
$ npx -y skills add whystrohm/shotkit --skill brand-lock-extractor --agent claude-code
Codex
$ npx skills add whystrohm/shotkit --skill brand-lock-extractor -a codex -y
Cursor
$ npx skills add whystrohm/shotkit --skill brand-lock-extractor -a cursor -y
Gemini CLI
$ npx skills add whystrohm/shotkit --skill brand-lock-extractor -a gemini-cli -y
GitHub Copilot
$ npx skills add whystrohm/shotkit --skill brand-lock-extractor -a github-copilot -y
OpenCode
$ npx skills add whystrohm/shotkit --skill brand-lock-extractor -a opencode -y
Windsurf
$ npx skills add whystrohm/shotkit --skill brand-lock-extractor -a windsurf -y
name: brand-lock-extractor description: Extract a production-ready brand-lock.md from a brand's existing assets. Point it at a website URL, a brand book PDF, screenshots, or a written description and it produces the nine-section brand-lock the rest of shotkit consumes, with a confidence and source noted for every value. Use when the user wants to onboard a brand, says "build a brand lock", "extract my brand", "make a brand pack from my site", or hands over brand assets. The cold-start killer that turns a blank brand-pack template into a filled, validate-ready file. Pairs with storyboard-architect downstream.
The blank brand-pack template (`_template.md`) is the single biggest point of friction in shotkit. Nobody wants to hand-author nine sections of brand parameters before they can produce a single storyboard. This skill removes that wall: hand it what you already have, get a filled brand-lock back.
The output is a `brand-lock.md` in the exact format `validate_brand_lock.py` validates and every other skill consumes. Same file the pipeline reads, produced from your assets instead of from scratch.
This skill extracts. It does not invent. Every value is sampled from a real asset or flagged as an estimate the user must confirm. A confident-sounding wrong hex is worse than a flagged guess.
After `./install.sh`, the validators and helpers are in `~/.claude/shotkit-tools/` and the brand packs are in `~/.claude/shotkit-brand-packs/`. A `--project` install puts both under `./.claude/` instead. From a repo clone they are `tools/` and `brand-packs/`. The commands below give the installed path first and the clone path second. The tools need `pip install pyyaml jsonschema`.
Trigger when the user:
If the user has nothing but a vague idea (no assets, no description), they are not extracting, they are authoring. Point them at `~/.claude/shotkit-brand-packs/_template.md` (from a clone, `brand-packs/_template.md`) and help them fill it directly.
You can work from any one of these. More sources is a better extraction.
| Source | How you read it | Best for | |---|---|---| | Website URL | `WebFetch` homepage + about + one more page | Voice, positioning, palette, type | | Brand book PDF | `Read` the PDF | Palette (exact hex), type, motion rules | | Screenshots / image files | `Read` the images | Palette (sample pixels), mood, layout | | Written description | Use directly | Identity, archetype, voice posture |
At minimum you need one source. If the user offers none, ask for the one they have: **"What can I work from, a website URL, a brand book PDF, screenshots, or a short description?"** One question.
Tell the user what you are pulling. Do not ask follow-ups yet, extract first, confirm gaps at the end.
Read `references/extraction-rubric.md`. It maps every brand-lock section to where the signal lives and how to read it. Work the nine sections in order:
1. **Identity** (brand, one-line description, archetype, voice posture) 2. **Palette** (sampled hex, by role) 3. **Typography** (display, body, optional mono, with weights) 4. **Mood adjectives** (3-5, specific, contrast clauses preferred) 5. **Never list** (what the brand avoids, inferred from consistency) 6. **Aspect ratios** 7. **Color grade direction** (one sentence) 8. **Motion language** (one paragraph) 9. **Voice rules** (copy-level constraints)
For every value, hold two things: the value, and where it came from (which asset, which quote, which sampled swatch). You will need the source for the confidence pass.
Each value is one of:
Use `templates/brand-lock.md.tpl`. Fill **every** required section, no placeholders left behind. Then append an `## Extraction notes` section that lists every `inferred` and `needs confirmation` value with its source and your reasoning. This section is the audit trail; it does not break validation (the validator checks the nine required sections are present, extra sections are fine).
Set the footer: `Last updated` to today, `Owner` to the user or "extracted", `Version: 1.0`.
Before you present it, confirm the file would pass validation:
Then hand off:
> "Here is your brand-lock. I sampled the palette and type from your assets
From a brief to an on-brand storyboard, with prompts for every generator and every frame checked.
Turn a video brief into a storyboard and shot list with shot specs, timing, on-screen text and per-shot rationale. Use when the…
Render a shotkit storyboard (shots.json, text-overlays.json, brand-lock.snapshot.md) into one self-contained HTML preview that a…
Critique a generated image against its source storyboard shot and prompt, producing revision notes. Use when the user has…
Write model-specific image and video prompts for the shots in a storyboard or shot list (shots.json). Outputs copy-paste-ready…
Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Use…
AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusable…
Use this skill when the user wants a .pptx with smooth cross-slide animation — PowerPoint Morph transitions, Keynote-style…
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to…