Getting it into your agent
This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.
/plugin marketplace add gtapps/claude-code-hermit/plugin install claude-code-hermitWrote 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/skills/gtapps/claude-code-hermit/hermit-dashboard-design)<a href="https://agentmods.dev/skills/gtapps/claude-code-hermit/hermit-dashboard-design"><img src="https://agentmods.dev/badge/skills/gtapps/claude-code-hermit/hermit-dashboard-design.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.00053 | $0.02256 |
| Opus 5 | $0.00026 | $0.01128 |
| Sonnet 5 | $0.00011 | $0.00451 |
| Haiku 4.5 | $0.00005 | $0.00226 |
Grade A, and why
hermit-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 7d 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 — 116 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Dashboard Design
Every hermit ships with the same dashboard: status, brief, proposals, weekly, compiled index. It's a reasonable default and it's wrong for almost every hermit that has been running a while. A hermit tracking training load should lead with training load. One watching a house should lead with what's broken. One reading feeds should lead with what's worth reading.
This skill replaces that default with a page designed around this hermit, and does it in a way that stays free to keep current: you design once, and what you leave behind is a small program that rebuilds the page from the hermit's own files every time the page refreshes.
The one rule that shapes everything
You design the page. A script renders it — every time, forever, without you.
The dashboard republishes on every morning brief, every evening brief, every weekly review, and every proposal event. If a model composed the page on each of those, an always-on hermit would pay a generation several times a day for a page nobody may open. So the artifact of this session is not a page — it's dashboard-render.ts, a deterministic script in the hermit's state dir. After today, refreshes cost a script run.
This means: anything that changes between refreshes must be computed by the renderer from files on disk, never written as a literal by you. Text that never changes (headings, an operator's chosen framing, section labels) is fine as a literal.
1. Learn what this hermit actually is
Don't ask the operator what they want yet — most of the answer is already on disk. Read enough to know what this hermit accumulates and what its work is about:
.claude-code-hermit/knowledge-schema.md— the per-hermit contract for what it produces and when. The single most useful file here..claude-code-hermit/compiled/— durable outputs (listing + frontmatter of the interesting ones). These are display-ready markdown and make excellent dashboard sections..claude-code-hermit/state/and fixed-name files in.claude-code-hermit/raw/— machine state: baselines, snapshots, digests. Rich, but usually JSON that needs shaping..claude-code-hermit/OPERATOR.md— what the operator cares about, in their words..claude-code-hermit/config.json— identity, language, what routines run (so you know what will be fresh and what won't).- Installed sibling hermit plugins (scan
${CLAUDE_PLUGIN_ROOT}/../*/.claude-plugin/) — a domain hermit's own docs say what its data means.
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.
- 7d ago First seen · 116 lines · 53 tokens per session scan A fa88008ea1fd
hermit-dashboard-design is a skill published in the GitHub repository gtapps/claude-code-hermit (74 stars, last pushed today), licensed MIT. It adds 53 tokens to every session and 2,256 once invoked, about $0.0003 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-30.
Other skills, from other repositories
scroll-craft
Build premium scroll-driven landing pages for service, product, food, and drink brands. Plan the visitor journey, page grammar, emotional peak, and bespoke signature move. Create dimensional heroes with independent visual planes, restrained motion, and separate mobile composition. Use supplied photos and footage or…
design-system-reference
Style guides and implementation rules for frontend design. Works with design-discovery agent which handles context gathering and VS-based style recommendations. Contains detailed style guides, anti-patterns, and implementation checklists.
handdrawn-diagram
Generate a hand-drawn (sketch-style) architecture or flow diagram as a committable image (SVG + PNG). Use when the user wants a sketch-aesthetic diagram for a README, docs, or hackathon/Devpost submission that still has correct, legible text and per-group color. Authors a Mermaid look:handDrawn source and renders it…
ccc-brainstorm
Design-first ideation gate. Forces 3 alternatives before any code is written. Triggers AskUserQuestion to pick the path.
design-tree
Make design decisions as an explicit branching tree — genuine alternatives, decisive rationale, rejected branches preserved. INVOKE PROACTIVELY when planning or designing any implementation approach, or choosing between architectures, libraries, or data models — especially in plan mode. Skip trivial or forced changes…
colors
Color systems for web interfaces — OKLCH conversion and palette generation, contrast measurement (APCA/WCAG), gamut and P3 fallbacks, theming, one meaning per color. INVOKE PROACTIVELY when converting color values, building or extending a palette or token set, checking or reporting contrast, or theming light and dark…