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.
git clone --depth 1 https://github.com/ccevans/bobbycodeWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/agents/ccevans/bobbycode/bobby-design-analyze)<a href="https://agentmods.dev/agents/ccevans/bobbycode/bobby-design-analyze"><img src="https://agentmods.dev/badge/agents/ccevans/bobbycode/bobby-design-analyze/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/agents/ccevans/bobbycode/bobby-design-analyze"><img src="https://agentmods.dev/badge/agents/ccevans/bobbycode/bobby-design-analyze.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What 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.1 | $0.00024 | $0.00586 |
| Opus 5.5 | $0.00010 | $0.00234 |
| Sonnet 5.5 | $0.00005 | $0.00117 |
| Haiku 4.5 | $0.00002 | $0.00059 |
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 today.
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 — 40 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.
- today Changed · +2 lines 6c3bcddd9535
- 1mo 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 yesterday), licensed MIT. It adds 24 tokens to every session and 586 once invoked, about $0.0001 per session on Opus 5.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
aiox-ux
AIOX UX Design Expert autônomo. Frontend architecture, UI/UX design, wireframes, design system, accessibility, component design. 5 fases completas.
aiox-ux-design-expert
🎨 UX/UI Designer & Design System Architect (Uma). Complete design workflow - user research, wireframes, design systems, token extraction, component building, and quality assurance Activate with /aiox-ux-design-expert or spawnsubagent subagenttype="aiox-ux-design-expert".
meto-epic-{{EPIC_ID}}
Use to implement tasks belonging to {{EPICNAME}} ({{EPICID}}). Owns {{EPICDOMAIN}}. Picks tasks tagged {{EPICID}} from tasks-todo.md and runs independent tasks in parallel. Reports checkpoint status to SWARMAWARENESS.md every 3 completed tasks. Do NOT use for tasks belonging to other epics.
meto-tester
Validate work in tasks-in-testing.md. Full acceptance criteria are in the task block. One item at a time, always sequential. Never fixes bugs, only flags and sends back.
meto-pm
Planning, backlog management, epic definition, and task slicing. Reads context files and writes full task definitions into the backlog. Use before any new feature work.
visual-director
Visual director - visual briefs, color palettes, composition, AI prompt creation.