Home for the screenshots, GIFs, and social-preview image referenced from the project docs. Keep binaries small (compress GIFs/PNGs) — they ship in every clone.
| File | Used by | Notes |
|---|---|---|
demo.gif |
README.md (top "Demo" block) |
The single biggest conversion lever. Record the full happy path: open Configure… → set WebSocket ws://localhost:8787 + token → Connect → ask the agent to "open example.com and screenshot it" → show the screenshot coming back. ~10–20s, ≤ ~5 MB, ≥ 800px wide. |
social-preview.png |
GitHub repo social preview (Settings → General → Social preview) | 1280×640. Product name + one-line pitch + logo. |
popup.png / options.png |
optional — README walkthrough | Clean shots of the popup (Connected state) and the Configure page. |
pnpm install && pnpm build, then loaddist/atchrome://extensions.- Start a backend — the bundled MCP server (
mcp-server/) or the reference server (examples/). See each directory's README. - Record the screen (e.g. Kap, ScreenToGif, or
ffmpeg/Peek on Linux) while you connect and run one command. - Compress (
gifsicle -O3 --lossy=80or an online optimizer) and save here asdemo.gif. - Uncomment the demo image line in
README.mdso it renders.
Until
demo.gifexists, the README keeps a commented-out placeholder so no broken image shows. Replace the placeholder, don't add a link to a missing file.