Sven UX video doc (plan)
Plans a video script file that mirrors an existing unit-test video script's structure and adds Sven-specific UX humor.
What this file does
Plans a video script file that mirrors an existing unit-test video script's structure and adds Sven-specific UX humor.
When to use it
- You want to create a video script for a UI/UX character named Sven
- You need a template that matches an existing unit-test video script's format
- You plan to produce a series of videos with consistent scene structure
- You want to include Bootstrap version humor (mr-2 vs me-2) in a script
Assumes this stack
Sven UX video doc (plan)
Goal
Add docs/SVEN_UX_VIDEO_SCRIPT.md that mimics docs/UNIT_TEST_VIDEO_SCRIPT.md section-for-section: same headings pattern, timecodes, Narration blockquotes, On-screen / Actions bullets, per-scene Screenshot filenames, Key Phrases, Screenshot Checklist table, Technical Notes, plus Sven-specific humor (Bootstrap mr-2 vs BS5 punchline).
Structure to mirror (from unit test example)
Match this skeleton so HeyGen / editors can swap scripts the same way:
- Title — e.g.
# Sven on UI/UX – Video Script - Meta block — Target, Duration, Format (same three lines as unit test doc)
- Intro (0:00–0:30) — Narration (blockquote), On-screen bullets, Screenshot:
screenshots/sven-01-....png+ one-line caption - Scene 1, 2, 3… — Each with:
- Time range in heading
- Narration: (may appear twice if mid-scene beat, like Scene 1 in unit test)
- Actions: numbered list where it helps
- Screenshot: path + dash + short description
---between scenes
- Outro — Narration, On-screen
- Optional: extra block (e.g. "Optional: The mr-2 punchline scene" as 20–30s) — parallel to "Optional: AI Assistant"
- Key Phrases for Captions/Subtitles — bullet list
- Screenshot Checklist (for future videos) — markdown table
| # | Screenshot | Captures | - Folder: e.g.
docs/screenshots/ordocs/sven-ux-video/(state explicitly) - Technical Notes for Video Tools — aspect ratio, resolution, sample URLs (e.g.
/nature/rock-discovery.html, Worksheets hub), prerequisites
Sven-specific content (inside that template)
- Character: Sven = public UI/UX voice aligned with .cursor/agents/modern-ui-ux.md; not a replacement for the agent file.
- Humor rule: one sharp beat per scene where used; signature line about spotting
mr-2on an otherwise Bootstrap 5 page (ghost of Bootstrap 4); optional mention of fixme-2. - Cross-link at top or bottom: companion to docs/UNIT_TEST_VIDEO_SCRIPT.md (series).
Optional discoverability
- One bullet in AGENTS.md documentation index →
docs/SVEN_UX_VIDEO_SCRIPT.md(optional).
Out of scope
- HeyGen export, code changes, edits to
modern-ui-ux.mdunless requested.
Todos
- Draft
docs/SVEN_UX_VIDEO_SCRIPT.mdusing the exact section order and formatting conventions ofUNIT_TEST_VIDEO_SCRIPT.md - Index link in
AGENTS.md(also addedUNIT_TEST_VIDEO_SCRIPT.mdfor series parity)
What's inside
10 structural sections to mirror, 5 content rules, 2 cross-links, 1 optional discoverability note, 2 todos
Change this for your project
- Replace
wikitimetraveler/piboomwith your own repository name - Replace
docs/SVEN_UX_VIDEO_SCRIPT.mdwith your desired output path - Replace
docs/UNIT_TEST_VIDEO_SCRIPT.mdwith your actual reference script path - Replace
.cursor/agents/modern-ui-ux.mdwith your own agent file path
Where it goes
Keep it in your repository where the agent or team that needs it will read it.
Worth borrowing
- Mirroring an existing script's exact section order and formatting to ensure tool compatibility
- Using a signature humor line (mr-2 spotting) as a recurring character beat
- Separating planning instructions from the actual script file to keep the script clean
Related Documents
✍️ Content Creation Prompts
Provides 10 structured prompt templates for creating blog posts, social captions, email sequences, ad copy, video scripts, case studies, subject lines, repurposing plans, landing pages, and newsletters.
Demo Video Script - Kinetic Ledger
Provides a complete 10-scene video script for demoing a blockchain-based fitness fraud detection app, including voiceover, visuals, and post-production checklist.
Scriptwriting
Converts a research brief into a structured video script with timed segments, visual types, and narration rules for two specific formats.
Demo Video Script (30-60 Seconds)
Guides recording and editing a 30, 60 second product demo video with a timed script, screen prep, and post-production steps.