Files
ai-workflow-course/blog/featured/inline/m4-diff.png
T
claude 5f5d3d7c99
CI / check (pull_request) Successful in 6s
feat(blog): inline terminal screenshots for the M4 (out of the browser) post
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
2026-07-02 14:43:51 -04:00

127 KiB
1056x1027px