claude

usable-ui

Skill deciding UI wording, control, placement and states, plus five read-only UI reviewers, supplied by a PreToolUse hook while UI is written and once it is committed.

2 on GitHubby galilei2050v0.5.0AGPL-3.0updated 4 days ago
/

Plugin usable-ui from marketplace belay in galilei2050/belay. Commands read from the repo's manifest — 4 days ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (1)

  • ui-decisions

    Decides the wording, the control, the placement, and the states of a user-facing interface element — what a button is called and whether it is a verb or a noun, button vs link vs toggle vs checkbox, modal vs inline, dialog button order, what a list row says, which states a screen owes, and the acces

Slash commands (1)

  • /usable-ui:ui-review

    Review the current UI changes with the five usable-ui reviewers

Subagents (5)

  • ui-a11y-reviewer

    Reviews a diff against the hard accessibility floor — controls with no accessible name, icon-only buttons without aria-label, placeholders used as labels, an accessible name that does not contain the visible label, targets under 24x24 CSS px (44pt Apple / 48dp Material), contrast under 4.5:1 or 3:1,

  • ui-control-reviewer

    Reviews a diff for whether each interactive element is the right kind of control — clickable divs instead of buttons, links used for actions and buttons used for navigation, a switch where a checkbox belongs (or a switch that needs a Save button), radios vs select vs combobox at the wrong list lengt

  • ui-copy-reviewer

    Reviews a diff for the wording of everything a user reads — button and menu labels that should be a verb but are a noun (or the reverse), generic OK/Yes/Submit on a decision, unnatural word order, inconsistent terminology for one action, list and timeline rows worded as commands, error and empty-sta

  • ui-layout-reviewer

    Reviews a diff for where elements sit and how they group — dialog button order against the host platform, a form's submit in the wrong place, a destructive action pressed up against a safe one, a divider between every row (or none between unrelated groups), timeline and list events with no boundary,

  • ui-state-reviewer

    Reviews a diff for the states a screen owes beyond the happy path — a fetch with no loading, empty, or error rendering; an empty state that cannot be told apart from a failed one; no feedback on a long action; a destructive action with neither undo nor confirmation; validation that fires while the u

Hooks (1)

  • PreToolUse

    python3 ${CLAUDE_PLUGIN_ROOT}/hooks/usable_ui_hook.py

View source on GitHub

More from galilei2050/belay

All 13 plugins →

review-panel

claude

A panel of eight read-only reviewer subagents, dispatched by a PreToolUse hook over every commit of 64+ changed lines.

8 agents · hooks

2

deep-investigation

claude

Skill + three subagents that answer a why-question by enumerating every hypothesis first, then falsifying branches until one mechanism accounts for the whole effect.

1 skill · 3 agents

2

pr-flow

claude

Skill that writes PR descriptions a reviewer can act on, a CI script whose one backgroundable call carries a branch from a CI verdict through the merge to the deploy that ships it — GitHub Actions or Google Cloud Build — while printing only the failing log, a PreToolUse hook that denies that wait in the foreground so it never freezes the session, another that denies a PR body with no comparison table or diagram, one that narrates the diff, or a title only the code can decode, plus a PostToolUse hook that says what the branch still owes — a push, a PR, a refreshed body, a green CI, a live change — right after each commit and push.

1 skill · 2 commands · hooks

2

agent-knowledge

claude

Keeps the knowledge an agent loads lean and current, starting with CLAUDE.md. A PostToolUse gate holds every CLAUDE.md to one skeleton: an auto-stamped `Updated:` date, mandatory Business decisions and Technical decisions sections, a 200-line limit, no dead paths, no decisions duplicated from a parent file. Ships the skill that writes to that skeleton and an audit CLI.

1 skill · hooks

2

second-opinion

claude

Skill and script that put a question to Gemini through Vertex AI — a model that has not read this session — and bring the answer back as an argument to check, not an authority to follow.

1 skill · 1 command

2

acl-hook

claude

PreToolUse Bash gate enforcing a project ACL. Vendored from clarity-auto-care.

hooks

2

Maintain usable-ui?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins13 plugins