A CLI frame that stays dark whether the page around it is light or dark — code and terminal output read the same either way. Earns its place when the reader can type the command shown; fails the test as generic decoration.
agent — zsh
$ agent run --skill=code-review --target=./living-styleguide-cards.htmlReviewing 3 components against brand tokens…✓ No invented colors — every value traces to :root✓ Fraunces / Inter / JetBrains Mono only
$
Terminal window
Traffic lights + blinking cursor
Red/yellow/green dots, a titled chrome bar, monospace body. The cursor is a real @keyframes blink, not a static _ — it respects prefers-reduced-motion.
On-brand: the same test as every teaching element — a command the reader will actually run earns the frame. Wrapping static prose in a fake terminal for flavor doesn't.
Launched into a dialog
A focused moment, not inline
When a command deserves its own beat — a deploy step, a destructive one — the same terminal window opens centered inside a native <dialog> instead of sitting in the page flow.
The dialog primitive itself — showModal(), backdrop, focus return — is documented on living-styleguide-modal.html. This page owns the chrome; that one owns the mechanics.
Created for you, with ❤️ by Robert Evans· The AI Design Architect