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/nyldn/claude-dolphinWrote 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/commands/nyldn/claude-dolphin/refactor-ui)<a href="https://agentmods.dev/commands/nyldn/claude-dolphin/refactor-ui"><img src="https://agentmods.dev/badge/commands/nyldn/claude-dolphin/refactor-ui/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/commands/nyldn/claude-dolphin/refactor-ui"><img src="https://agentmods.dev/badge/commands/nyldn/claude-dolphin/refactor-ui.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.00009 | $0.01801 |
| Opus 5.5 | $0.00004 | $0.00720 |
| Sonnet 5.5 | $0.00002 | $0.00360 |
| Haiku 4.5 | $0.00001 | $0.00180 |
Grade A, and why
refactor-ui 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 1mo 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 — 275 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Refactor UI Command
Apply tactical UI improvements to the specified component using Refactoring UI principles.
Required: Specify a component file path.
Refactoring Process
Step 1: Current State Analysis
Read the target component and document:
Visual Structure:
- Current spacing values
- Typography (sizes, weights, colors)
- Color usage
- Border and shadow usage
- Layout approach
Hierarchy:
- What's the primary element?
- What's secondary?
- What's tertiary?
- Is hierarchy clear?
Step 2: Apply Tactical Improvements
Spacing Improvements
Before checking: What spacing values are currently used?
Principles:
- Use consistent scale: 4, 8, 12, 16, 24, 32, 48, 64px
- Start with MORE whitespace than feels necessary
- Group related items closer together
- Separate unrelated items further apart
Common fixes:
// Before: Random spacing
<div className="p-5 mb-3 gap-7">
// After: Scale-based spacing
<div className="p-6 mb-4 gap-8">
Padding guidance:
- Tight (dense UI): 8-12px
- Standard: 16-24px
- Spacious: 24-32px
- Hero/cards: 32-48px
Typography Improvements
Principles:
- Maximum 2-3 font sizes per component
- Create hierarchy through WEIGHT first, then size
- Don't use pure black for text (use #111 or similar)
- Body text minimum 16px for readability
Font size scale:
text-xs: 12px - Labels, captions
text-sm: 14px - Secondary text
text-base: 16px - Body text
text-lg: 18px - Large body
text-xl: 20px - Subheadings
text-2xl: 24px - Section headings
text-3xl: 30px - Page headings
Weight hierarchy:
// Before: Size-only hierarchy
<h2 className="text-2xl">Title</h2>
<p className="text-base">Body</p>
<span className="text-sm">Meta</span>
// After: Weight + size hierarchy
<h2 className="text-xl font-semibold text-gray-900">Title</h2>
<p className="text-base font-normal text-gray-600">Body</p>
<span className="text-sm font-normal text-gray-500">Meta</span>
Color Improvements
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.
- 1mo ago First seen · 275 lines · 9 tokens per session scan A c773b0b29441
refactor-ui is a command published in the GitHub repository nyldn/claude-dolphin (8 stars, last pushed 1mo ago), licensed MIT. It adds 9 tokens to every session and 1,801 once invoked, about $0.0000 per session on Opus 5.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 commands, from other repositories
style-guide
Generate a style guide with design tokens, type scale, spacing, components, and Tailwind or CSS config.
apply-design-md
Consume the project's design contract — a .design file or DESIGN.md — and thread its tokens through UI code (CSS, Tailwind, or design-system components).
color-specialist
Use when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inverted light mode, or semantic colours that carry no meaning.
motion-designer
Use when animation feels wrong. Transitions too slow or too bouncy, motion with no purpose, blanket transitions on every property, no reduced-motion support, or animation that drops frames.
spacing-layout-specialist
Use when spacing looks arbitrary. Padding and margins off any scale, inconsistent gaps between the same components, no grid underneath, or a layout that needs a denser mode.
dark-mode-specialist
Use when dark mode looks wrong. Pure black surfaces, elevation that disappears, brand colours that vibrate against dark, a white flash on load, or a mode toggle that does not persist.