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 gfargo/tui-design-skill --skill tui-designgit clone --depth 1 https://github.com/gfargo/tui-design-skillWrote 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/gfargo/tui-design-skill/tui-design)<a href="https://agentmods.dev/skills/gfargo/tui-design-skill/tui-design"><img src="https://agentmods.dev/badge/skills/gfargo/tui-design-skill/tui-design/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/gfargo/tui-design-skill/tui-design"><img src="https://agentmods.dev/badge/skills/gfargo/tui-design-skill/tui-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00135 | $0.02333 |
| Opus 5 | $0.00068 | $0.01167 |
| Sonnet 5 | $0.00027 | $0.00467 |
| Haiku 4.5 | $0.00014 | $0.00233 |
Grade A, and why
tui-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 9d 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.
Copies of this mod
1 near-identical copy found in the catalogue:
- tui-design — 100% identical, 0 lines differ
How it starts
The opening of the file, as written. The whole thing — 140 lines — stays where its author put it; the contents beside it link to each section on GitHub.
TUI & CLI Design
Design terminal software that is calm, predictable, fast, and honest about the medium. Treat this file as the workflow and cross-cutting contract. Load detailed guidance from the one reference that owns it instead of reconstructing or repeating it here.
Route before answering
| Need | Authoritative reference |
|---|---|
| Go, Bubble Tea, Lipgloss, Bubbles, tview, gocui | references/ecosystem-go.md |
| Rust, Ratatui, crossterm, Cursive | references/ecosystem-rust.md |
| Python, Textual, Rich, prompt_toolkit, urwid | references/ecosystem-python.md |
| TypeScript/JavaScript, Ink, OpenTUI, Clack, Inquirer | references/ecosystem-typescript.md |
| One-shot commands, arguments, streams, exit codes, automation | references/cli-basics.md |
| Layouts, buffers, borders, hierarchy, color, density, responsive behavior, tables, themes, accessibility | references/visual-patterns.md |
| Keys, focus, navigation, modes, forms, mouse, confirmation, undo, OSC features | references/interaction-patterns.md |
| Case studies: lazygit, k9s, fzf, btop, helix, yazi, atuin | references/exemplar-apps.md |
| Screenshots or demo recordings | Use the separate vhs-cli-demos skill |
Load only the references the task needs. When the prompt names a framework or ecosystem, always load its ecosystem reference before making API, lifecycle, implementation, or testing claims. Ecosystem references own those specifics. The visual and interaction references own their domains for every ecosystem. Exemplar apps are evidence and inspiration, not substitutes for the pattern references.
If no language is named, ask only when ecosystem choice would materially change the answer or implementation. Otherwise state a reasonable recommendation and proceed: Go for polished single binaries, Rust for control and reliability, Python for rapid product work, and TypeScript when React or npm distribution is already an advantage.
Classify the product first
Choose the output contract before choosing a framework or layout:
What ships with it
9 files 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.
- agents/openai.yaml 197 B
- references/cli-basics.md 29 KB
- references/ecosystem-go.md 27 KB
- references/ecosystem-python.md 21 KB
- references/ecosystem-rust.md 24 KB
- references/ecosystem-typescript.md 25 KB
- references/exemplar-apps.md 22 KB
- references/interaction-patterns.md 28 KB
- references/visual-patterns.md 38 KB
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.
- 9d ago First seen · 140 lines · 135 tokens per session scan A 885b2c5afc5d
tui-design is a skill published in the GitHub repository gfargo/tui-design-skill (27 stars, last pushed 6d ago), licensed MIT. It adds 135 tokens to every session and 2,333 once invoked, about $0.0007 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
tui-ui
Design web-like user interfaces in the terminal and inside tmux with a cell-grid Canvas, CSS-like box model, flexbox/grid layout, and 17 reusable widgets such as Panel, Table, Card, ProgressBar, Meter, Tabs, Tree, Badge, Banner, and a braille line chart. Use when an agent needs a dashboard, panel, table, status page…
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Use whenever the task produces or modifies anything a user will see rendered — websites, landing pages, web apps, dashboards, React/HTML/Vue components, artifacts with visual output, style overhauls, or "make this…
frontend-design
Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
image-to-code
Implement a selected image, screenshot, mockup, generated concept, or design frame as a faithful, responsive, interactive frontend in the target codebase.
frontend
MUST USE for frontend/web UI/UX/visual work: building, styling, redesigning pages/components, React setup, performance audits, visual QA, taste, and polish. Routes four rulesets: design taste router and brand references; perfection for Playwright/Chromium Lighthouse/Core Web Vitals; ui-ux-db palettes/fonts/guidelines…
designlang-tokens
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.