Skip to content

Demo

A short recorded session of ccpod init followed by ccpod run in a project.

asciinema records terminal sessions to a small .cast JSON file that plays back natively in the browser.

Terminal window
# Install
brew install asciinema # macOS
pipx install asciinema # Linux
# Record
asciinema rec website/public/casts/ccpod-demo.cast \
--idle-time-limit 2 \
--title "ccpod quick start"
# Play locally to verify
asciinema play website/public/casts/ccpod-demo.cast

Drop the .cast file at website/public/casts/ccpod-demo.cast and rebuild — the embed above picks it up automatically.

  • Set a wide terminal (stty cols 100 rows 28) — matches the player’s default.
  • Use a clean shell prompt (no per-prompt git status).
  • --idle-time-limit 2 collapses long pauses so the playback feels brisk.
  • Use # this is a comment lines liberally — they double as on-screen narration.

Use the <Asciinema /> component in any MDX page:

import Asciinema from '../../components/Asciinema.astro';
<Asciinema src="/casts/my-demo.cast" autoplay loop />

Props:

PropDefaultNotes
srcrequiredPath under website/public/ (or absolute URL).
posternpt:0:05Time mark to show before play (npt:M:S).
cols100Terminal width.
rows28Terminal height.
speed1.5Playback speed multiplier.
autoplayfalseStart automatically.
loopfalseRestart at end.