interface-review
Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
Skill by zuzu59
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/zuzu59-interface-review
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, writing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
interface-review- Description
- Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
- License
- MIT
- Instructions
- 150 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- name: "interface-review" does not match folder "better-interface-review"
Files (4)
- SKILL.md
- openai.yaml · agents/
- removed-signals.md
- scope-resolution.md
SKILL.md (first lines)
# Change review This skill reviews a change rather than a screen. It resolves the scope, expands the changed files to the surfaces they affect, reads both sides of the diff and classifies every finding. Scope is all it owns. Domain rules belong to the `better-*` skills. Severity, consolidation, coverage, the cap and the verdict belong to `better-interface`, which this skill hands the review to. Correctness, tests, security and performance belong to the project's general code review. Name the concern once and move on. ## The change, not the codebase The author is asking "did I make this worse?". Report what the change caused and stay mostly quiet about what it merely touched. Three pre-existing findings is a courtesy; thirty is a different review and one nobody asked for. Read the change before forming an opinion of it. The stated intent decides what counts as incomplete, and a skimmed diff produces findings about code the next hunk already fixed. ## Core principles ### 1. Resolve the change scope first The whole invocation is the target, so `/interface-review pr 482` reviews pull request 482. [Scope resolution](scope-resolution.md) holds the accepted targets and how each resolves. With no target supplied, resolve in this order and stop at the first match: 1. `HEAD` is ahead of `git merge-base origin/<default-branch> HEAD`: that range **plus** any uncommitted changes, with the commit count and the uncommitted file count stated separately. 2. The working tree is dirty: the uncommitted changes. 3. Neither: there is no change to review. Stop and ask, per **With no change, ask rather than invent one**. Order matters. Check the working tree first and one stray formatting edit shadows a twelve-commit branch, with the report still claiming full coverage. Exclude lockfiles, snapshots, generated output, vendored code and binaries, and name what you excluded. An empty scope after exclusions reaches the same place by a different route. ### 2. With no change, ask rather than invent one A clean tree with nothing ahead of the merge base means the user asked to review a change that does not exist. Never fall back to `HEAD~1..HEAD` on your own. The last commit is whatever happened to land, often a merge, often someone else's work, and a report on it is indistinguishable from a report on what the user meant. State the repository facts you found, then offer the routes and wait. [Nothing to review](scope-resolution.md#nothing-to-review) holds the facts to gather: - **The last commit**, `HEAD~1..HEAD`, named by short SHA and subject, so the user sees what they would get before choosing it. - **A target they name**: `pr <n>`, a branch, a ref, or a range, resolved per **Resolve the change scope first**. - **A whole-repository interface audit**, which is not a change review. Hand it to `better-interface` as a repository-scope review, without this skill's scope block, statuses, or pre-existing section. With no change, every finding is pre-existing and the classification says nothing. Check for an open pull request on the current branch before asking, and offer it first. A branch whose commits already landed resolves to no change, while its pull request is still exactly what the user meant. Where the scope emptied out after exclusions, say which files were excluded and ask the same way. Never report a review of nothing as `Approve`. ### 3. A diff is not a surface A changed file is evidence, not the review subject. Its **blast radius** is the set of surfaces it renders in; review those. Expand the blast radius one hop by default: the direct importers and callers. Expand a second hop only for design tokens, theme values and shared primitives, where one line reaches the whole product. Review at most five consumers, ordered by [the rule in Scope resolution](scope-resolution.md#expanding-to-consumers), then state how many you did not expand. A sweep with no bound cannot support the coverage it claims, and an unstated cutoff reads as completeness. ### 4. Read the removed lines Regressions are invisible in the post-change state. Read the `-` side of every hunk against [Removed signals](removed-signals.md). A signal is a lead, not a finding. A removal is only a regression when nothing in the change replaces it, and the domain skill owns that judgement. Route each unmatched removal to its owner, report only what that skill confirms and status it `Regression`. That tells the author they broke something that worked rather than made a new mistake. ### 5. Classify every finding Give every finding one status: - `Introduced`: the change created it. - `Regression`: the change weakened something previously correct. - `Pre-existing`: present in the touched code but not caused by this change. Status by what the diff touched, not by which file it sits in: a line the change never touched is `Pre-existing` even three lines from a hunk. Confirm against the base ref when it matters: ```bash git blame -L <line>,<line> "$BASE" -- path/to/file ``` Hand every finding up with its status attached and let `better-interface` apply its cap and verdict rules. ### 6. Hold the change to its stated intent Read the pull request title and body, the linked issue and the commit messages, then review whether the interface delivers what they claim. This is what surfaces the **incomplete** change. A surface review cannot see it, because it inspects the states that are present, and here the point is the ones that are absent: - A new variant, size, or theme applied to some states but not all: hover, focus, active, disabled, loading, selected. - A new user-facing string with no entry in the translation catalogue the project maintains. - A new component with no empty, loading, error, disabled, or narrow-width state. - A control added to one surface but not to the siblings that already carry its peers. Do not report scope creep. Whether a change does too much is a process question, not an interface one. ### 7. Hand the review to `better-interface` Hand `better-interface` the scope block, the affected surfaces and a status on every finding. It routes to the domain skills, applies severity, consolidates, enforces the cap and issues the verdict. If `better-interface` is unavailable, report the resolved scope and the file inventory, name it as the missing skill and stop. Do not invent a severity scale, a cap, or a verdict. ### 8. Never mutate the working tree A change review is read-only, including the checkout. Fetch pull request refs; never check them out. `git fetch` writes only to `.git` and is permitted. `gh pr checkout`, `git checkout`, `git switch` and `git stash` rewrite the files the author has open. They fail against local edits or discard them, so they are never permitted. Rendered verification is opt-in. Mark visual and runtime claims **Not verified** unless the project exposes a cheap preview or the user asks for a rendered review. When they do, use an isolated worktree (`git worktree add /tmp/review-<n> refs/remotes/pr/<n>`) and remove it when done. ## Before you finish | Mistake | Fix | | --- | --- | | One stray edit reviewed instead of the branch | Check `merge-base` before the working tree, and report both counts | | The last commit reviewed because there was no change | State the facts and offer the last commit, a named target, or a repository audit | | Hunks reviewed without their consumers | Expand one hop, two for tokens and primitives, and name what you skipped | | Only the `+` side of the diff read | Search the `-` side for removed accessibility, focus, motion and text signals | | An equivalent replacement reported as a regression | Route the removal to its owner; report only what it confirms | | A removal reported as a new mistake | Status it `Regression` so the author knows it used to work | | A line near a hunk statused `Introduced` | Status by what the diff touched, confirmed with `git blame` against the base ref | | A pull request checked out to review it | Fetch the ref and review it in place | | Line numbers cited that do not exist on the reviewed ref | Cite against the head ref named in the scope block | | The severity scale or the finding cap restated here | Defer to `better-interface` | | Correctness, test, or security findings in the report | Name the concern once, point at the project's code review and drop it | ## Review output format Open with the scope block:
From zuzu59/z-skills, MIT.
More from zuzu59/z-skills
- 0.529score
audit-memories
zuzu59
Audit and clean agent-facing Markdown in the current project.
SkillBFreshness: BClaude Code +9 - 0.526score
appstore-connect
zuzu59
Drive App Store Connect through the asc CLI for apps, builds, TestFlight, reviews, sales, metadata, IAP, signing, and submissions.
SkillBFreshness: BClaude Code +9 - 0.526score
apex
zuzu59
Run adaptive APEX implementation with scoped delegation, durable checkpoints, risk-based tests and review, and proof-backed verification.
SkillBFreshness: BClaude Code +9 - 0.526score
app-icon
zuzu59
Generate a vibrant dimensional iOS and Android app icon, then post-process it for store specs.
SkillBFreshness: BClaude Code +9 - 0.524score
agents-manager
zuzu59
Create, edit, debug, and orchestrate Claude Code agents and Task-tool workflows.
SkillBFreshness: BClaude Code +9 - 0.524score
audit-skills
zuzu59
Audit installed skills for observed usage, explicit-only invocation controls, duplicate discovery, and global-versus-project scope.
SkillBFreshness: BClaude Code +9 - 0.479score
claude-memory
zuzu59
Create and optimize CLAUDE.md memory files or .claude/rules/ modular rules for Claude Code projects.
SkillCFreshness: CClaude Code +9 - 0.479score
agents-managers
zuzu59
Expert guidance for creating, building, and using Claude Code agents and the Task tool.
SkillCFreshness: CClaude Code +9 - 0.474score
appstore-connect-setup
zuzu59
Find and configure App Store Connect API credentials for asc auth.
SkillCFreshness: CClaude Code +9 - 0.473score
add-documentation
zuzu59
Add or update documentation in content/docs/ for features, APIs, or tools
SkillCFreshness: CClaude Code +9 - 0.454score
git
zuzu59
Git best practices
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Sep 13, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/zuzu59/z-skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.539score
interface-review
matthew-hre
Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
SkillBFreshness: B★ 1Claude Code +9 - 0.334score
interface-review
Tuvudel
Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
SkillAFreshness: AClaude Code +9 - 0.310score
interface-review
kopenkinda
Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
SkillBFreshness: BClaude Code +9
More from zuzu59
- 0.529score
audit-memories
zuzu59
Audit and clean agent-facing Markdown in the current project.
SkillBFreshness: BClaude Code +9 - 0.526score
appstore-connect
zuzu59
Drive App Store Connect through the asc CLI for apps, builds, TestFlight, reviews, sales, metadata, IAP, signing, and submissions.
SkillBFreshness: BClaude Code +9 - 0.526score
apex
zuzu59
Run adaptive APEX implementation with scoped delegation, durable checkpoints, risk-based tests and review, and proof-backed verification.
SkillBFreshness: BClaude Code +9 - 0.526score
app-icon
zuzu59
Generate a vibrant dimensional iOS and Android app icon, then post-process it for store specs.
SkillBFreshness: BClaude Code +9 - 0.524score
agents-manager
zuzu59
Create, edit, debug, and orchestrate Claude Code agents and Task-tool workflows.
SkillBFreshness: BClaude Code +9 - 0.524score
audit-skills
zuzu59
Audit installed skills for observed usage, explicit-only invocation controls, duplicate discovery, and global-versus-project scope.
SkillBFreshness: BClaude Code +9
Cite this page
interface-review skill. Agent Mart. https://agentmart.dev/skills/zuzu59-interface-review (last updated 2026-10-24)