Borrowing it
Nothing to install: this file belongs to moda-labs/bobi-agent. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/moda-labs/bobi-agent/main/.claude/skills/bobi-design/SKILL.mdgit clone --depth 1 https://github.com/moda-labs/bobi-agentWrote 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/skills/moda-labs/bobi-agent/bobi-design)<a href="https://agentmods.dev/skills/moda-labs/bobi-agent/bobi-design"><img src="https://agentmods.dev/badge/skills/moda-labs/bobi-agent/bobi-design/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/skills/moda-labs/bobi-agent/bobi-design"><img src="https://agentmods.dev/badge/skills/moda-labs/bobi-agent/bobi-design.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.00060 | $0.00736 |
| Opus 5.5 | $0.00024 | $0.00294 |
| Sonnet 5.5 | $0.00012 | $0.00147 |
| Haiku 4.5 | $0.00006 | $0.00074 |
Grade A, and why
bobi-design scanned grade A with 0 findings 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 2mo 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.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 58 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Bobi design system
The system itself lives at docs/design-system/ in this repo, not here.
This file is only the entry point that makes it invocable as /bobi-design.
The assets are a product artifact — the source of truth for anything visual on
any Bobi surface — so they live under docs/ where anyone can find them,
whether or not they use Claude Code. .claude/ is tooling config; a design
system is not.
Start here
- Read
docs/design-system/README.md— the design guide: sources, content fundamentals, visual foundations, iconography, the enterprise app layer, and the four rules that matter most. Read this first. - Read
docs/design-system/SKILL.mdfor the fast orientation and the non-negotiables. - Then explore what you need:
docs/design-system/styles.css— link this one file to inherit every token.docs/design-system/tokens/— colors, typography, spacing, surfaces, motion.docs/design-system/components/*/— each has<Name>.jsx,<Name>.d.ts(props + adherence rules),<Name>.prompt.md(what/when + example).docs/design-system/ui_kits/control-plane/index.html— open this to see the product surface assembled.docs/design-system/guidelines/*.card.html— foundation specimens.
The four rules that matter most
- Violet is state, not decoration. Live, enforced, gated, focused. If it isn't one of those, it's clay, ink, or muted.
- Gates are sacred. A human approval step always renders with the violet left rail + 4% wash + rotated-square glyph, and always names the workflow and step that stopped. Never a toast.
- Config is the interface. Show real filenames, real YAML, real shell.
- The Moda Labs byline travels with the lockup. Always.
Also load-bearing: mono is for data (paths, ids, crons, code) and sans for
chrome; product chrome is lowercase, with uppercase only on document plate
labels and corner marks; Bobi's own hand-drawn icon set only — never Lucide,
Heroicons, or emoji; Moda Labs' red #FD4235 never appears on a Bobi surface.
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.
- 2mo ago First seen · 58 lines · 60 tokens per session scan A f4a85240e67b
bobi-design is a skill published in the GitHub repository moda-labs/bobi-agent (10 stars, last pushed 2d ago), licensed Apache-2.0. It adds 60 tokens to every session and 736 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
bobi-design compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| bobi-designmoda-labs/bobi-agent | Skill | 10 | 2d ago | Apache-2.0 | A | 60 | Claude Code |
| webgl-holographic-foilnexu-io/open-design | Skill | 106k | yesterday | Apache-2.0 | A | 41 | Claude Code, Codex |
| html-ppt-hermes-cyber-terminalnexu-io/open-design | Skill | 106k | yesterday | Apache-2.0 | A | 53 | Claude Code, Codex |
| html-ppt-taste-brutalistnexu-io/open-design | Skill | 106k | yesterday | Apache-2.0 | A | 78 | Claude Code, Codex |
| visual-ralphYeachan-Heo/oh-my-codex | Skill | 34k | 3d ago | MIT | A | 52 | Codex |
| glance-canonical-layoutsandroid/skills | Skill | 10k | yesterday | Apache-2.0 | A | 56 | Claude Code |
| accessibilitymicrosoft/hve-core | Skill | 1.6k | yesterday | MIT | A | 47 | Claude Code |