Skip to content

docs: add console screenshots and a routing demo GIF to the README - #3

Merged
krugis merged 1 commit into
mainfrom
claude/epic-heisenberg-5m3wi7
Jul 13, 2026
Merged

docs: add console screenshots and a routing demo GIF to the README#3
krugis merged 1 commit into
mainfrom
claude/epic-heisenberg-5m3wi7

Conversation

@krugis

@krugis krugis commented Jul 13, 2026

Copy link
Copy Markdown
Owner

Summary

Follow-up to #2: the README now shows the web console instead of just describing it. All assets were captured live from a running gateway with headless Chromium.

  • Dashboard hero screenshot at the top of the Web console section.
  • "Watch a routing decision happen" — a new subsection with an animated GIF (1.16 MB, 23 frames) of the Playground flow: a prompt is typed, Recommend reveals the routing decision (complexity meter, detected category, ranked candidates with quality/speed/cost scores and cost estimate), then Send routes the prompt and streams the answer.
  • Remaining pages (Models, Preferences, Interaction History, Playground) in a collapsed <details> block to keep the README scannable.
  • Replaces the stale <!-- asciinema/gif placeholder --> comment in the analyze section with a link to the Playground demo.

Images live in docs/img/ (five PNGs at ~150–240 KB each plus the GIF) and are referenced with relative paths, so they render on GitHub straight from the branch.

How the GIF was made

Gateway run locally with a fake OpenAI-compatible provider behind providers.openai.base_url so Send genuinely routes and streams; the Playground was driven with headless Chromium and the captured frames assembled into a GIF with a pure-JS encoder. No demo tooling ships in the repo — only the resulting images.

🤖 Generated with Claude Code

https://claude.ai/code/session_01JgWPXefHtzYcspK8zo4Bo6


Generated by Claude Code

Captured live from a running gateway: a dashboard hero shot, a
Playground GIF showing the full routing flow (prompt analysis, ranked
candidates, streamed response), and the remaining pages in a collapsed
details block. Replaces the stale asciinema placeholder with a link to
the Playground demo.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JgWPXefHtzYcspK8zo4Bo6
@krugis
krugis merged commit bd1bf50 into main Jul 13, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants