docs: demo GIF with live API curl — 40s, 5 clean scenes

Scenes: open → fuzzy find → ripgrep → curl running API (JSON) → cheat sheet.
Server runs in background, curl shows formatted /users response.
Fixed: port conflict, buffer state reset before cheat sheet.
This commit is contained in:
m1ngsama 2026-04-22 18:08:05 +08:00
parent 4965b65041
commit 196e88c2c8
2 changed files with 16 additions and 9 deletions

BIN
.github/demo.gif vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 933 KiB

After

Width:  |  Height:  |  Size: 990 KiB

25
.github/demo.tape vendored
View file

@ -1,6 +1,6 @@
# chopsticks demo — narrative: "what can I do with this?" # chopsticks demo — "what can I do with this?"
# Rule: NEVER use Escape to close FZF — always Enter (deterministic). # Rule: NEVER use Escape to close FZF — always Enter (deterministic).
# Pacing: each scene holds long enough for a viewer to read and understand. # Pacing: hold each scene long enough for the viewer to read.
Output .github/demo.gif Output .github/demo.gif
Set Shell bash Set Shell bash
@ -11,10 +11,15 @@ Set Theme "Builtin Solarized Dark"
Set TypingSpeed 50ms Set TypingSpeed 50ms
Set Padding 10 Set Padding 10
# ── 1. Open file — syntax highlighting + statusline ──────────────────────── # ── 0. Start API server in background ──────────────────────────────────────
Type "cd /tmp/demo-project" Type "cd /tmp/demo-project"
Enter Enter
Sleep 0.8s Sleep 0.5s
Type "python3 serve.py > /dev/null 2>&1 &"
Enter
Sleep 1s
# ── 1. Open file — syntax highlighting + statusline ────────────────────────
Type "vim server.py" Type "vim server.py"
Enter Enter
Sleep 3.5s Sleep 3.5s
@ -35,16 +40,18 @@ Sleep 3s
Enter Enter
Sleep 3s Sleep 3s
# ── 4. Run file (,cr) ───────────────────────────────────────────────────── # ── 4. Curl the running API from inside Vim ────────────────────────────────
Type ":edit server.py" Type ":!curl -s localhost:8080/users | python3 -m json.tool"
Enter Enter
Sleep 1.5s Sleep 4.5s
Type ",cr"
Sleep 4s
Enter Enter
Sleep 1.5s Sleep 1.5s
# ── 5. Cheat sheet (,?) ─────────────────────────────────────────────────── # ── 5. Cheat sheet (,?) ───────────────────────────────────────────────────
# Reset to server.py so cheat sheet shows code on left, keys on right.
Type ":edit server.py"
Enter
Sleep 1s
Type ",?" Type ",?"
Sleep 5.5s Sleep 5.5s
Type "q" Type "q"