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/tsubotax/melta-ui/color-systemgit clone --depth 1 https://github.com/tsubotax/melta-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/tsubotax/melta-ui/color-system)<a href="https://agentmods.dev/rules/tsubotax/melta-ui/color-system"><img src="https://agentmods.dev/badge/rules/tsubotax/melta-ui/color-system.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.00000 | $0.00627 |
| Opus 5 | $0.00000 | $0.00313 |
| Sonnet 5 | $0.00000 | $0.00125 |
| Haiku 4.5 | $0.00000 | $0.00063 |
Grade A, and why
color-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 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.
What it actually says
melta UI Color System
Primary Palette
| Token | Value | Tailwind |
|---|---|---|
| primary-50 | #f0f5ff | bg-primary-50 / text-primary-50 |
| primary-100 | #dde8ff | bg-primary-100 |
| primary-200 | #c0d4ff | bg-primary-200 |
| primary-300 | #95b6ff | text-primary-300 (dark link) |
| primary-400 | #6492ff | text-primary-400 (dark accent) |
| primary-500 | #2b70ef | bg-primary-500 |
| primary-600 | #2250df | bg-primary-600 (hover) / text-primary-600 |
| primary-700 | #1a40b5 | hover:bg-primary-700 |
| primary-800 | #13318d | bg-primary-800 |
| primary-900 | #0e266a | bg-primary-900 |
| primary-950 | #07194e | bg-primary-950 |
Text Colors (3 Tiers)
| Tier | Color | Tailwind | Usage |
|---|---|---|---|
| Primary | #0f172a | text-slate-900 |
Headings |
| Secondary | #3d4b5f | text-body |
Body text |
| Tertiary | #64748b | text-slate-500 |
Muted/captions |
Status Colors
| Status | Background | Text | Border |
|---|---|---|---|
| Success | bg-emerald-50 |
text-emerald-700 |
border-emerald-200 |
| Warning | bg-amber-50 |
text-amber-700 |
border-amber-200 |
| Danger | bg-red-50 |
text-red-700 |
border-red-200 |
| Info | bg-primary-50 |
text-primary-800 |
border-primary-200 |
Semantic CSS Variables
:root {
--bg-page: #f9fafb; --bg-surface: #ffffff;
--text-heading: #0f172a; --text-default: #3d4b5f;
--text-muted: #64748b; --border-default: #e2e8f0;
}
Do NOT use
text-black,bg-gray-300+,border-gray-100bg-green-*,bg-yellow-*,bg-rose-*,bg-blue-*,bg-indigo-*
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 · 50 lines · 0 tokens per session scan A 7d088e7da16a
color-system is a cursor rule published in the GitHub repository tsubotax/melta-ui (196 stars, last pushed today), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 627 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
ux-audit
UX audit and design guidance skill.
cursorrules
When reviewing or improving UI/UX designs, follow the Apple HIG-based design review process.
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.
prefer-assertions-over-defensive-checks
Prefer assertions over defensive checks when data is guaranteed to be valid.