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 rules/docs-plus/docs.plus/design-systemgit clone --depth 1 https://github.com/docs-plus/docs.plusWhat 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.00000 | $0.00557 |
| Opus 5 | $0.00000 | $0.00279 |
| Sonnet 5 | $0.00000 | $0.00111 |
| Haiku 4.5 | $0.00000 | $0.00056 |
Grade A, and why
design-system 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 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.
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.
What it actually says
Design System
Authoritative source: .cursor/docs/design-system.md. Read it before any
UI/theme/styling work; the design-system skill in .cursor/skills/ is the working protocol.
Behavioral invariants (pad geometry, motion wiring, scrims, sheet systems) live in
apps/webapp/CLAUDE.md, which loads automatically under apps/webapp/. AGENTS.md keeps only
§UI And Theme.
Cardinal rules
- Tokens only. daisyUI semantic classes (
base-*,primary,*-content, status colors) orvar(--…)tokens — never raw Tailwind palette classes or hex outsideglobals.scssand the brand allowlist (social/platform/logo colors; media-anchored overlays stay black/white). - One floating language. Anchored surfaces =
rounded-box border-base-300 bg-base-100 shadow-xlvia the canonical exports (popoverPanelClassName,contextMenuPanelClassName,modalPanelClassName); SCSS panels useborder-radius: var(--radius-box)+var(--shadow-overlay). - Docked surfaces are flat in light (borders, no shadows); dark lift comes from tokens only.
The workspace floor is
--pad-well, neverbg-base-200directly. - Shape scale = the daisyUI tokens (
--radius-selector8px ·--radius-field8px ·--radius-box10px — maintainer taste is 8–10px, tuned ONLY in the theme blocks). Surfaces consumerounded-selector|field|box/rounded-full, never Tailwind literal radius classes; micro px radii (2–4px) live only in prose/editor decorations. - States follow the recipes in the doc (
is-active= primary-10% bg + primary ink; hover =base-200; focus =focus-visible:ring-2 ring-primary; unread = error badge). - Verify in the browser, light + dark, desktop + mobile, before calling visual work done.
daisyUI vendor class reference: https://daisyui.com/llms.txt (fetch on demand). Floating UI behavior: react-floating-ui.mdc.
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 · 35 lines · 0 tokens per session scan A be4e80002b04
design-system is a cursor rule published in the GitHub repository docs-plus/docs.plus (88 stars, last pushed 4d ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 557 tokens. 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 cursor rules, from other repositories
rule-generating-agent
This rule is essential for maintaining consistency and quality in rule creation across the codebase. It must be followed whenever: (1) A user requests a new rule to be created, (2) An existing rule needs modification, (3) The user asks to remember certain behaviors or patterns, or (4) Future behavior changes are…
ts-dependency-management-agent
Apply when adding, removing, or managing dependencies, or when structuring code modules in a TypeScript project, especially for CLIs. Promotes minimizing external dependencies, using lockfiles (package-lock.json), vetting dependencies, following SOLID principles for modular code, and using dependency injection for…
ts-cli-command-definition-agent
Apply when defining or modifying CLI commands, subcommands, and options in a TypeScript project, particularly when using libraries like Commander.js or Yargs. Ensures use of robust parsing, POSIX-style flags, descriptive names, clear argument notation, and separation of parsing from implementation logic.
angular-20
This rule provides comprehensive best practices and coding standards for Angular development, focusing on modern TypeScript, standalone components, signals, and performance optimizations.
dev-standard
Apache Superset development standards and guidelines for Cursor IDE.
typescript
Changes to these high-fan-out internals can affect every message, delta, element, or rerun. Keep work in them minimal, and benchmark changes with representative stress-test apps.