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/kevin-liu-01/sigil-ui/interface-micro-polishgit 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/interface-micro-polish)<a href="https://agentmods.dev/rules/kevin-liu-01/sigil-ui/interface-micro-polish"><img src="https://agentmods.dev/badge/rules/kevin-liu-01/sigil-ui/interface-micro-polish.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.1 | $0.00993 | $0.00993 |
| Opus 5 | $0.00496 | $0.00496 |
| Sonnet 5 | $0.00199 | $0.00199 |
| Haiku 4.5 | $0.00099 | $0.00099 |
Grade A, and why
interface-micro-polish 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 6d 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 — 99 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Interface Micro-Polish
Imported from Kevin's wiki (
wiki/design/interface-micro-polish.md). Great interfaces improve because lots of tiny choices stop being wrong at the same time.
Text Wrapping
text-wrap: balancefor short headings, badges, marketing copy. Reduces orphaned words.text-wrap: prettyfor longer prose only when browser cost is acceptable.- Manual line breaks for hero headlines when composition matters most.
Concentric Border Radius
Nested surfaces must be mathematically related: outer radius = inner radius + padding.
Example: outer 20px, padding 8px, inner 12px. Define radius pairs as tokens when nesting happens often. Check: cards with headers, inset panels, grouped buttons, avatars in frames.
Crispy Text Rendering
Apply antialiased globally at the layout level (<body className="font-sans antialiased">). Do not use as a bandage for wrong font weight.
Tabular Numbers
Any changing or comparative numeric UI: font-variant-numeric: tabular-nums (Tailwind: tabular-nums). Apply to counters, timers, KPIs, dashboard metrics, prices, dates that update. Prevents twitching when digits change.
Optical Alignment
Pure geometry often looks wrong. Adjust icon padding slightly when needed. Fix the SVG itself when possible instead of stacking utility margins. Treat visual center as a perception problem, not box-model.
Shadows Instead of Borders
When you want depth, subtle layered shadows beat hard borders:
box-shadow:
0 0 0 1px rgb(0 0 0 / 0.06),
0 1px 2px -1px rgb(0 0 0 / 0.06),
0 2px 4px 0 rgb(0 0 0 / 0.04);
Transition box-shadow only on small components. Brutalist designs may still prefer borders.
Dark UI Card Shadows (The 1px Rule)
The difference between good dark UI and great dark UI:
box-shadow:
inset 0 1px 0 0 rgba(255, 255, 255, 0.02), /* top edge catch-light */
0 0px 0 0 rgba(0, 0, 0, 0.25); /* grounding shadow */
- Inner shadow: white at 2% opacity, Y offset 1px, inset. Simulates light hitting the top edge. Invisible at a glance, but the card reads as physical.
- Drop shadow: black at 25% opacity, Y offset 0px. Grounds the card symmetrically.
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.
- 6d ago First seen · 99 lines · 993 tokens per session scan A bdfe8b1c054f
interface-micro-polish is a cursor rule published in the GitHub repository Kevin-Liu-01/Sigil-UI (9 stars, last pushed 1mo ago), licensed MIT. It adds 993 tokens to every session, about $0.0050 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.