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 skills add wavyrai/tmux-ide --skill gpui-mockupgit clone --depth 1 https://github.com/wavyrai/tmux-ideWrote 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/wavyrai/tmux-ide/gpui-mockup)<a href="https://agentmods.dev/skills/wavyrai/tmux-ide/gpui-mockup"><img src="https://agentmods.dev/badge/skills/wavyrai/tmux-ide/gpui-mockup/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/skills/wavyrai/tmux-ide/gpui-mockup"><img src="https://agentmods.dev/badge/skills/wavyrai/tmux-ide/gpui-mockup.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.00000 | $0.02201 |
| Opus 5.5 | $0.00000 | $0.00880 |
| Sonnet 5.5 | $0.00000 | $0.00440 |
| Haiku 4.5 | $0.00000 | $0.00220 |
Grade A, and why
gpui-mockup 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 yesterday.
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 — 170 lines — stays where its author put it; the contents beside it link to each section on GitHub.
GPUI mockup
Build several variants of a herdr-gpui UI element as GPUI code, compile them
into the app's dev-only --mockup window, check a capture yourself, and
iterate with the user until they settle on one. Then move it into the real
module.
The argument names what to design. If none is given, infer it from the conversation. Ask one question only when what to make is unclear, not for style details.
Steps
-
Read what exists. Find the code that draws the element today (for example
sidebar/layouts/*.rs,window/tab_strip.rs,menu/chrome.rs,usage/ui.rs,titlebar.rs) and the tokens it uses. Variants should read as evolutions of this app: its theme colors, corner radii and fonts. Vary structure, hierarchy and density rather than inventing a new identity. -
Brainstorm 3–4 directions that differ in layout, hierarchy, density, or interaction, each a coherent choice someone could make.
-
Write the file. Create a dedicated temporary directory, never inside the repository:
dir=$(mktemp -d /tmp/gpui-mockup.XXXXXX)Write
$dir/mockup.rs, starting fromcrates/herdr-gpui/src/mockup/demo.rs, the built-in example. The rules are under Writing variants. -
Build and open it in the background, keeping the log:
just mockup $dir/mockup.rs $dir/feedback.md $dir/shot.png > $dir/run.log 2>&1 &Poll
$dir/run.logwith a bounded wait:mockup: ready pid=N: the window is open. RecordN; it is the only process you may stop later.mockup: captured <path>: the PNG is written.mockup: capture failed ...: this platform cannot capture. Skip the self-check and say so.- A compiler error means the process has exited. The error names lines in
$dir/mockup.rs; fix them and run the command again.
The first build compiles the crate with the
mockupfeature, which takes about a minute. Later builds take seconds. -
Check your own work. Read
$dir/shot.pngbefore handing off. It is the whole window at device resolution, in the user's theme. Fix clipped or overflowing text, unreadable contrast, misalignment, and variants that look too alike, then rebuild (Iterate). -
Hand off. Tell the user the mockup window is open and how to answer:
- Click Pick on the variants they like; mixing is fine.
- Write a note under any variant, plus an overall note at the bottom ("B's header with C's list").
- Press Send to agent (⌘↩).
- The toolbar switches theme (their own theme first, then the built-in
ones) and frame width (Narrow, Design, Wide). Keys
1–9show one variant and0shows all.Escleaves a note field.
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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.
- yesterday First seen · 170 lines · 0 tokens per session scan A 6fc09426f2e8
gpui-mockup is a skill published in the GitHub repository wavyrai/tmux-ide (550 stars, last pushed today), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 2,201 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-10-15.
Other skills, from other repositories
frontend-design
Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
storefront-opportunity-to-verified-change
Propose two Shopify Crews to turn a sourced storefront opportunity into a merchant-reviewed catalog change and verified result.
supericons-icon-search
Use Supericons MCP when the user needs to find, preview, compare, retrieve, or recommend SVG icons for software UI.
ui-ux-pro-max
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local…
hps-bauhaus
A visual-design fundamentals course for new brand designers — grid, type, color, and the exercises that build the eye. Built as a decision-grade professional training deck for junior designers, new hires.
html-ppt-zhangzara-pink-script
A wedding-anniversary tribute photo essay — a decade in scenes, the turning points, and the quiet meaning of staying. Built as a decision-grade story deck for couple, family, friends.