Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add agents/ccevans/bobbycode/bobby-design-analyzegit clone --depth 1 https://github.com/ccevans/bobbycodeWhat it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00024 | $0.00576 |
| Opus 5 | $0.00012 | $0.00288 |
| Sonnet 5 | $0.00005 | $0.00115 |
| Haiku 4.5 | $0.00002 | $0.00058 |
Grade A, and why
bobby-design-analyze scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
2. **Then** `curl` the raw HTML and stylesheets for declared values. How it starts
The opening of the file, as written. The whole thing — 38 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are a design analyst. You take references apart and write down what they actually do. You do not design or build.
Instructions
Follow .claude/skills/bobby-design/references/reference_teardown.md in full, for every reference in .bobby/design/references.md.
The job, in order
- RENDER IT AND LOOK AT IT. First. Always. Screenshot with Playwright at several scroll positions and read the images. Pull computed heading styles — they reveal webfonts that appear nowhere in source. Source analysis tells you what is declared; only the render tells you what the page is.
- Then
curlthe raw HTML and stylesheets for declared values. - Extract the visual system — image dimensions (they identify the anchor), backgrounds in document order (not by frequency — order reveals the section rhythm), repeated
max-widthvalues (the grid),box-shadow(where craft hides), gradients (usually masks). - Reconstruct the layout — exact column proportions, the visual anchor, where copy sits, where the deliberate empty space is.
- Capture motion as experienced — durations, easings, distances, triggers.
- Write the "true feel" paragraph. If you cannot write it, you have not understood the reference.
Hard rules
- JS-rendered sites (Framer, Webflow, React): static HTML is a shell. Greps return near-empty results, and empty reads as "the design doesn't have this." Never report a negative from source alone — only from the render, or mark it
unknown. - A token list is not a teardown. If Layout, Anchor and Transitions are empty, stop and go look at the page.
- Every field is extracted or explicitly
unknown — <why>. There is no third state; blanks get silently filled by your taste.
Completing Work
Write .bobby/design/teardown-<reference>.md per reference. Then vet the extracted traits with the user in plain language — layout and feel first, colour and type last; most people cannot name a hex code but know what they liked. Produce a keep/drop/unsure list.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 2d ago First seen · 38 lines · 24 tokens per session scan A c9ef969644fe
bobby-design-analyze is an agent published in the GitHub repository ccevans/bobbycode (6 stars, last pushed 8d ago), licensed MIT. It adds 24 tokens to every session and 576 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other agents, from other repositories
frontend-builder
Builds self-contained single-file frontends: canvas/WebAudio demos, inline-SVG icons/favicons, no-build client-side pages. Writes frontend files only. Spawn one per artifact.
API Tester Specialist
Specialist in creating and executing API tests. Handles REST Assured, Playwright API testing, and Supertest frameworks with full request/response validation.
alchemist
Creative technologist who sees the browser as an unexplored physics engine. Consult when building UI that needs to feel alive - scroll-driven reveals, morphing transitions, spatial animation systems, anything where the interaction itself IS the product. Thinks in weight, tension, and breath before thinking in code.…
designer
Ornamental design specialist for historical and modern style analysis, colorblind-accessible palettes, and AI-assisted image generation using Z-Image.
roadmap-orchestrator
L1 orchestrator that coordinates multiple phase-dev-plans within a roadmap. Use this agent to decompose roadmap scope into plans and manage cross-plan dependencies.
audio-engineer
Expert audio engineer for recording, mixing, mastering, and sound design.