Skip to content

docs(readme): record the demo GIF inside a real interactive Claude Code session#64

Merged
noahhyden merged 1 commit into
mainfrom
docs/interactive-demo-gif
Jul 20, 2026
Merged

docs(readme): record the demo GIF inside a real interactive Claude Code session#64
noahhyden merged 1 commit into
mainfrom
docs/interactive-demo-gif

Conversation

@noahhyden

Copy link
Copy Markdown
Owner

What

Re-record docs/demo.gif inside the interactive Claude Code TUI instead of a headless claude -p run.

Why

The old demo was headless — one prompt in, a text dump out. It read like a CLI and undersold erbina's core idea (there's no human entry point; an agent drives it). The interactive session shows the real product surface: the tool calls, the inspect_recipe plan table, and the streamed, verified answer.

Chrome trimming

The interactive TUI shows noise a public asset shouldn't:

  • Welcome box + Fable-5 plan-promo banner — the tape launches, accepts the folder-trust dialog, submits the prompt, and only reveals the frame once those have scrolled off. The gif opens on the clean plan table and ends on the verified Phase → Result table (http --version → 3.2.4, exit 0 ✅).
  • Footer account usage statsrecord_demo.sh crops them off.
  • No account email/login is ever in frame.

Reproducibility

  • record_demo.sh now creates the ~/.cache/erbina-demo work dir + erbina.mcp.json itself (was a hardcoded per-session scratchpad path), and the tape's trust-accept is a harmless no-op on already-trusted runs — so no global config is touched.
  • Post-processing crops the footer, scales to 960px, and speeds the run ~2x to a readable ~16s (624K).

🤖 Generated with Claude Code

…de session

The demo was a headless `claude -p` run — one prompt in, a text dump out.
It read like a CLI and undersold erbina's whole point (an agent drives it).
Re-record it inside the actual interactive TUI so you see the product
surface: the tool calls, the inspect_recipe plan table, and the streamed,
verified answer.

Chrome trimming (the TUI shows noise a public asset shouldn't):
- The interactive session opens on a welcome box + a plan-promo banner.
  The tape launches, accepts the folder-trust dialog, submits the prompt,
  and only reveals the frame once those have scrolled off — landing on the
  clean plan-table -> bootstrap -> verified payoff.
- The footer shows account usage stats; record_demo.sh crops it off.
- No account email/login is ever in frame.

Also make regeneration reproducible: record_demo.sh now creates the
~/.cache/erbina-demo work dir + erbina.mcp.json itself (was a hardcoded
scratchpad path), and the tape's trust-accept is a harmless no-op on
already-trusted runs. Post-processing crops the footer, scales down, and
speeds the run ~2x to a readable ~16s (624K).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@noahhyden
noahhyden merged commit 597954a into main Jul 20, 2026
5 checks passed
@noahhyden
noahhyden deleted the docs/interactive-demo-gif branch July 20, 2026 19:54
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