Two real-capture terminal screenshots for the "Getting the AI Out of the Browser"
blog draft (post #17116):
- m4-agent.png: a real `claude -p` invocation on the demo tasks-app asking
"what does this project do?". The response correctly names
tasks.py, cli.py, and the add/list/done CLI commands, proving
the agent is wired to real files.
- m4-diff.png: real `git diff` after adding a `delete` command that touches
both cli.py and tasks.py. Shows green additions in both files,
the two-file change that copy-paste used to fumble.
Rendered locally via headless Chrome (Claude Design MCP was offline; local
file:// URL substitutes cleanly). Cropped tight to the terminal panels.
Uploaded to WP as media 17178 (agent) and 17179 (diff); embedded in draft
#17116 with captions; post scheduled for Thu 2026-07-09 10:00 America/New_York.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TfzV5QvtPDz8LJS3Pu5VLT