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 instructions/juandagarcia/crd-ui/agents-mdgit clone --depth 1 https://github.com/JuandaGarcia/crd-uiWrote 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/instructions/juandagarcia/crd-ui/agents-md)<a href="https://agentmods.dev/instructions/juandagarcia/crd-ui/agents-md"><img src="https://agentmods.dev/badge/instructions/juandagarcia/crd-ui/agents-md.svg" alt="Measured on agentmods" 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 | $0.00776 | $0.00776 |
| Opus 5 | $0.00388 | $0.00388 |
| Sonnet 5 | $0.00155 | $0.00155 |
| Haiku 4.5 | $0.00078 | $0.00078 |
Grade A, and why
crd-ui AGENTS.md 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 5d 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 — 63 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Agent guide for crd-ui
crd-ui is a framework-agnostic credit/debit card visualization library: a
zero-dependency vanilla core with React, Vue and Svelte adapters published as
subpaths of a single npm package. Library docs in markdown:
https://crd-ui.juanda.co/llms-full.txt (also in packages/crd-ui/llms.txt).
Monorepo map (pnpm workspaces)
packages/crd-ui— the published package.src/brands.ts/src/format.ts— brand detection and number/expiry/cvc formatting.src/card.ts— the core renderer (createCard): owns the DOM, flip choreography, magic focus ring, variant classes.src/react.tsx,src/vue.ts,src/svelte/Card.svelte— framework adapters.styles/crd-ui.css— all visuals: brand themes, variants, animations.tests/— Vitest (jsdom). Svelte tests use the.svelte.test.tssuffix (runes).
website/— Astro one-pager (crd-ui.juanda.co). Deploys to Vercel on push to main.src/lib/snippets.ts+src/lib/api.ts— single source of truth for docs: both the HTML page and/llms-full.txt(src/lib/docs-md.ts) render from them.
examples/playground— Vite+React dev playground.
Commands
pnpm install
pnpm test # vitest for packages/crd-ui (59+ tests)
pnpm build # tsup: ESM+CJS+d.ts, plus dist/svelte copy
pnpm --filter website dev # docs site on :4321
pnpm --filter website build
This machine uses pnpm only (npm is disabled and forwards to pnpm).
Architecture rules
- The core owns the DOM. Adapters are thin controlled wrappers: render an
empty container,
createCardon mount, forward props withcard.update(),destroy()on unmount. Never manipulate card internals from an adapter. placeholders,localeandlogosare creation-time options — not updatable.- The Svelte adapter ships as source (
dist/svelte/Card.sveltewith handwrittenindex.d.ts); its import of the core is relative and extensionless on purpose so it resolves both fromsrc/(tests) anddist/. - React/Vue/Svelte are optional
peerDependencies— the core must keep zero runtime dependencies.
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.
- 5d ago First seen · 63 lines · 776 tokens per session scan A c09b3ac7b3b1
crd-ui AGENTS.md is an instructions file published in the GitHub repository JuandaGarcia/crd-ui (22 stars, last pushed 16d ago), licensed MIT. It adds 776 tokens to every session, about $0.0039 per session on Opus 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-30.
Other instructions, from other repositories
component-library-mcp CLAUDE.md
Claude Code instructions for vasyl-bilous/component-library-mcp, covering component library mcp server, tech stack, architecture, scanning strategy and hoc unwrapping.
tiptap tiptap.instructions.md
Instructions for ueberdosis/tiptap, covering tiptap, what is tiptap, repository layout, npm scripts and linting & formatting.
tiny-vue AGENTS.md
AGENTS.md instructions for opentiny/tiny-vue, covering agents.md, 项目概述, 关键目录结构, 环境要求 and 核心命令.
monochrome-ui AGENTS.md
AGENTS.md instructions for vaneenige/monochrome-ui, covering agents.md, north stars (non-negotiables), why the core looks weird (and should stay weird), clever tricks and code style.
animal-island-ui AGENTS.md
AGENTS.md instructions for guokaigdg/animal-island-ui, covering agents.md — working in this repository, read first, by task, verification, content that must be kept in sync and ground rules.
ns-ui AGENTS.md
AGENTS.md instructions for nikolas-sapa/ns-ui, covering agents.md — working inside this repo, structure, autoplay — how a card demonstrates itself, descriptor schema and driver constraints (don't regress these).