Skip to content

docs: refresh demo into a 3-act hero recording#334

Merged
eugenioenko merged 1 commit into
mainfrom
docs/demo-refresh
Jul 5, 2026
Merged

docs: refresh demo into a 3-act hero recording#334
eugenioenko merged 1 commit into
mainfrom
docs/demo-refresh

Conversation

@eugenioenko

@eugenioenko eugenioenko commented Jul 5, 2026

Copy link
Copy Markdown
Owner

Rewrites the VHS demo from a flat feature list into a paced ~22s story designed to hook in the first few seconds (homepage / Reddit).

The story

  1. Hook — multi-cursor: select every task and rename to entry at once (status bar shows 9 cursors).
  2. Fold — collapse the whole file, spring it back open.
  3. Live git — the rename ripples into a side-by-side red/green diff.
  4. Theme — jump between dark themes by name (turbohotzen), landing on zenith. Typing jumps straight to each theme, so a light theme never renders in passing — no flash.
  5. Finale — open the terminal, grow it, run btop, then shrink it back down and collapse it, and finally slide the sidebar away to a clean full-width view.

Changes

  • demo.tape rewritten. Launch is hidden (opens on rendered code), typing is faster, and the flaky network-dependent PR-review section is gone.
  • docs-web/demo/setup.sh (new) generates a throwaway TypeScript fixture and an isolated config, both in /tmp, so recording mutates nothing tracked and needs nothing from your real config. VHS can't send alt+shift+arrow / alt+arrow, so the config remaps panel resize to a ctrl+l chord and group/terminal focus to ctrl+j/ctrl+u.
  • demo.gif / demo.webm re-recorded (~22s).

To re-record: make build && vhs docs-web/public/demo/demo.tape

🤖 Generated with Claude Code

@eugenioenko eugenioenko force-pushed the docs/demo-refresh branch 3 times, most recently from b80c510 to 73a3558 Compare July 5, 2026 05:25
Rewrite the VHS demo from a flat feature checklist into a paced ~22s story:
multi-cursor rename (the hook) -> code folding -> the edit rippling into a
live git diff -> a dark-only theme switch (lands on zenith) -> btop in a
grown terminal -> shrinking the terminal and sliding the sidebar away to a
clean full-width view.

- Hide the launch so the GIF opens on rendered code, not a shell prompt;
  faster typing; drop the flaky network-dependent PR-review section.
- Add docs-web/demo/setup.sh: generates a throwaway TypeScript fixture and an
  isolated config (both in /tmp) so recording mutates nothing tracked and needs
  nothing from your real config. The config remaps panel resize + focus to keys
  VHS can send (ctrl+l chord for resize, ctrl+j/ctrl+u for group/terminal
  focus), since VHS can't send alt+shift+arrow / alt+arrow.
- Theme switch jumps between dark themes by name, never rendering a light one
  in passing (no flash).
- Re-record demo.gif/webm.

Co-Authored-By: Claude Opus 4.8 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cuynda1aEFFTSBzy98Hmee
@eugenioenko eugenioenko merged commit 37b3afc into main Jul 5, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant