tmt-ui-ux-design SKILL.md skillA

tmt-ui-ux-design from wkh237/tmux-team is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add wkh237/tmux-team/tmt-ui-ux-design@git:20261105.1f2ecb7

Pins git:20261105.1f2ecb7 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
wkh237/tmux-team
Path
.agents/skills/tmt-ui-ux-design/SKILL.md
Versions recorded
2
Latest version
git:20261105.1f2ecb7, committed Nov 5, 2026
First version recorded
Oct 26, 2026
Size
5,201 bytes
Repository stars
14
License
MIT

Draw UI mockups, propose UX changes and review built UI against its reference for TMT browser surfaces (Colab, Remote, the GUI shell, design docs). Load before drawing a mockup, writing a UX proposal, or accepting a change to how a browser surface looks.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# UI mockups and UX proposals

A mockup is a proposal about the real product. A reader trusts what it shows, so it
must be either the product's own look or plainly marked as a placeholder. This skill is
the procedure; the rules it follows have their own owners:

- [Browser style](../../../design/gui-style.md): visual and interaction rules per component.
- [Browser component contracts](../../../design/gui-components.md) and the
  [shared browser leaf](../../../design/browser-ui/README.md): components, tokens and entries.
- The [Colab page skill](../tmt-colab/SKILL.md) (`tmt colab skill components`): the
  `tmt-ui-*` classes and icons a Colab page can use.

Do not restate those rules in a mockup page or in this skill; link to them.

## 1. Read the shipped surface first

Before drawing a surface, read the code that draws it today, not a memory of it:

- The shell, sidebar (rail) and module menu are in `design/browser-ui/src/shell.ts` and
  `shell.css`. Colab's sidebar menu is defined in
  `extensions/tmt-colab/typescript/app/src/colab-shell.tsx`.
- Colab's screens are in `extensions/tmt-colab/typescript/app/src/` (for example `home.tsx`
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add wkh237/tmux-team/tmt-ui-ux-design@sha256:e595f9b0f0ac3753

The line at the top of this page pins the label git:20261105.1f2ecb7, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_miputpxsm5lszbh6.svg)](https://markdownregistry.com/a/art_miputpxsm5lszbh6)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Oct 26, 2026 and Nov 5, 2026, about one every 10 days.

versioncommittedcommitsizeaudit
git:20261105.1f2ecb7 latest2026-11-05 1f2ecb7 5,201 BA view · diff
git:20261026.27ae06f2026-10-26 27ae06f 4,808 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (5201 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

wkh237/tmux-team · 14 stars · license MIT · pushed 2026-11-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_miputpxsm5lszbh6
GET https://markdownregistry.com/api/v1/resolve?ref=wkh237/tmux-team/tmt-ui-ux-design
GET https://markdownregistry.com/api/v1/blob/e595f9b0f0ac37535c1eb898f2c08aba3763df97adac845611b756f5105787f2

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from wkh237/tmux-team

tmt-colab SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-colab/SKILL.md · Build, run and verify Colab (`tmt-colab` executable, `tmt colab ...`, the local page app, the browser client and the…
git:20261105.53eff26 · audit A · 14 stars
tmt-core-runtime SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-core-runtime/SKILL.md · Per-module architecture knowledge for the core Rust runtime - identity and bindings, sessions and provider hooks…
git:20261105.a49d3d6 · audit A · 14 stars
tmt-design SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-design/SKILL.md · Build and check the handbook site. Load when editing site/**.
git:20261105.53eff26 · audit B · 14 stars
tmt-dev SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-dev/SKILL.md · Implement, review, or maintain TMT repository changes with the project's issue, architecture, verification, and review…
git:20261105.53eff26 · audit A · 14 stars
tmt-e2e SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-e2e/SKILL.md · Add, change, diagnose, or run this repository's Docker-isolated end-to-end tests for tmt and tmux.
git:20261105.a49d3d6 · audit A · 14 stars
tmt-layout SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-layout/SKILL.md · Review repository file additions and moves against the owned layout map.
git:20261002.e53804c · audit A · 14 stars
tmt-ops-dev SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-ops-dev/SKILL.md · Build and verify the Ops extension (`tmt-ops`, the board, notebook, cron library, embedded lead skill and playbooks)…
git:20261105.53eff26 · audit A · 14 stars
tmt-pm SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-pm/SKILL.md · Run the project-management pass for this repository. Find blocked, stale, unstaffed, oversized and…
git:20261105.53eff26 · audit A · 14 stars
tmt-release SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-release/SKILL.md · Maintain and promote TMT release lines, versions, and prerelease readiness without assuming publish authorization.
git:20261105.53eff26 · audit A · 14 stars
tmt-remote SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-remote/SKILL.md · Build, run and verify the Remote door (`tmt-remote`, `tmt remote ...`), and its embedded browser client. Load when…
git:20261105.53eff26 · audit A · 14 stars
tmt-tui SKILL.md skill
wkh237/tmux-team · .agents/skills/tmt-tui/SKILL.md · Verify the internal TUI markup crate (`rust/crates/tmt-tui`) - XML admission, utilities, geometry, paint and components…
git:20261105.53eff26 · audit A · 14 stars
AGENTS.md AGENTS.md file
wkh237/tmux-team · AGENTS.md
git:20261105.53eff26 · audit A · 14 stars

Every file in wkh237/tmux-team

Browse by kind, by grade A, or by owner.