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/Kevin-Liu-01/Sigil-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/rules/kevin-liu-01/sigil-ui/dashboard-design)<a href="https://agentmods.dev/rules/kevin-liu-01/sigil-ui/dashboard-design"><img src="https://agentmods.dev/badge/rules/kevin-liu-01/sigil-ui/dashboard-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/rules/kevin-liu-01/sigil-ui/dashboard-design"><img src="https://agentmods.dev/badge/rules/kevin-liu-01/sigil-ui/dashboard-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.01680 | $0.01680 |
| Opus 5 | $0.00840 | $0.00840 |
| Sonnet 5 | $0.00336 | $0.00336 |
| Haiku 4.5 | $0.00168 | $0.00168 |
Grade A, and why
dashboard-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 9d 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 — 161 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Dashboard Design System
Imported from Kevin's wiki (
wiki/design/dashboard-design-system.md). Codified from 12 production admin dashboards. Apply when building dashboard, admin, or data-dense UIs.
Base Typography
| Role | Size | Weight | Notes |
|---|---|---|---|
| Page title | 24px | semibold (600) | Only place semibold appears reliably |
| Card title | 14px | medium (500) | Paired with 16px icon |
| Hero stat | 28-36px | semibold (600) | The number the card exists to communicate |
| Body / cell | 14px | regular (400) | The base — everything defaults here |
| Secondary label | 13px | regular (400) | Muted color, never smaller than 12px |
| Badge / tag | 12px | medium (500) | Pill-shaped container |
14px is the dashboard base. Not 16px (too editorial), not 13px (too dense). Body text at 14px uses -0.2px letter-spacing.
Weight discipline: Three weights maximum: regular (400), medium (500), semibold (600). Bold (700) is almost never used. Every number uses tabular-nums.
Layout Architecture
| Element | Value |
|---|---|
| Sidebar width | 240px (collapsed: 64px icon-only) |
| Top bar height | 56px |
| Content padding | 24px (outer), 16px (between cards) |
| Card gap | 16px uniform |
| Card padding | 20-24px |
| Card radius | 8px |
| Content max-width | Fluid fill (sidebar constrains) |
Stat cards at top: 4-col → 2-col → 1-col responsive. Below: 2 or 3-col grid. 16px gap everywhere.
Stat Card Anatomy
┌─────────────────────────────────┐
│ [icon] Label [▲] │
│ │
│ $125,430 │
│ +12.5% compared to last month │
└─────────────────────────────────┘
| Part | Spec |
|---|---|
| Icon | 16px, muted color, top-left |
| Label | 14px medium, muted text |
| Value | 28-36px semibold, primary text |
| Delta | 13px regular, green (#10b981) positive / red (#ef4444) negative |
| Context | 13px regular, muted |
Delta: Always show direction: +12.5% or -3.1% with trend icon. Green and red only — no orange, no yellow.
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.
- 9d ago First seen · 161 lines · 1,680 tokens per session scan A e8f32e5d33cf
dashboard-design is a cursor rule published in the GitHub repository Kevin-Liu-01/Sigil-UI (9 stars, last pushed 1mo ago), licensed MIT. It adds 1,680 tokens to every session, about $0.0084 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-31.
Other cursor rules, from other repositories
designlang
Design system extracted from https://cal.com — use these tokens, do not invent new ones.
registry-bases-parity
Keep registry base and radix trees in sync when editing shared UI.
ponytail
Ponytail, lazy senior dev mode. Always pick the simplest solution that works.
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.
cli-error-handling
CLI command error handling patterns.