Add animated GIF showing Claude Code using browser tools

[gn00295120]

Background

Showing Claude Code actively using cf-browser tools (screenshot, scrape, etc.) would be a compelling visual demo that differentiates this from other browser automation tools.

Steps

1. Record session: Claude Code using browser_screenshot or browser_scrape on a real site
2. Show the MCP tool call and result in the terminal
3. Use asciinema + agg (max 15s, 80 cols)
4. Optimize to <2MB
5. Add to README

Acceptance Criteria

• GIF shows Claude Code invoking a cf-browser MCP tool
• Result (screenshot/content) is visible
• File size < 2MB
• README updated

[ithiria894]

Instead of asciinema + agg (which only captures the terminal), you could record the actual browser session as a GIF using Pagecast. It's an MCP server that opens a real browser, lets the AI interact with it, and outputs an optimized GIF (<2MB, two-pass ffmpeg palette).

For your use case — showing Claude Code using cf-browser tools on a real site — Pagecast could record the browser side of the demo while Claude operates it. The demo GIF on the Pagecast repo was actually recorded by Pagecast itself, so it's a proven workflow.

npx @mcpware/pagecast