Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.
日本語の概要は準備中です。原文の説明を表示しています。
Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.
インストールする前に、エージェントに与えられる指示の中身を確認できます。
This skill runs a cross-discipline review. It routes the interface to each better-* skill, collects their evidence and consolidates one ranked verdict.
Orchestration is all it owns. Accessibility rules belong to better-accessibility, structure to better-layout, copy to better-writing, type to better-typography, color to better-colors, visual polish and motion to better-ui. Never duplicate or override their rules here.
Change-scoped review of uncommitted work, branches and pull requests belongs to interface-review.
Press hard on the escalation triggers and leave deliberate project choices alone. A trigger is a failure whatever the style guide says. A density, radius or voice you merely disagree with is not a finding.
The bar for reporting is evidence. The bar for Approve is that you inspected what you claim to have inspected.
Infer the screen, flow, feature or repository scope from the request and current workspace. State the resolved scope in the output.
Cover all of it in every domain, including the empty, loading, error and narrow-width states where they exist.
When the scope is too large to inspect credibly, narrow it to one complete flow. Take the one the request centers on, or failing that the entry path every user must pass through. State the boundary and what it excluded. Never imply uninspected surfaces were reviewed.
interface-reviewA request naming a branch, pull request, commit range or uncommitted changes is a change review. Say so and ask the user to run interface-review, which is user-invoked and cannot be started from here. Never resolve a change scope yourself, because a guessed diff gives the report a scope nobody can check.
When interface-review hands a review back, apply everything below to it. The cap and the verdict cover Introduced and Regression findings only, so a change whose only findings are Pre-existing is an Approve.
Identify the framework, styling system, component library, design tokens, supported viewports and any preview or test command. Write every fix in the project's own idiom, never as a request to adopt a different stack.
Then read what the project has written about its own interface: CONTRIBUTING.md, CODING_STANDARDS.md, AGENTS.md, CLAUDE.md, a design-system doc, Storybook docs and interface ADRs. Name which you found, or that there are none.
A documented convention settles matters of taste but never excuses a trigger or a domain rule violation. What it changes is where you report. When a guideline or shared token is the cause, report it once against that source, with the components as its locations.
Load every owning skill below and complete each domain review before consolidation. Review in this order so foundational failures are not hidden by polish:
better-accessibilitybetter-layoutbetter-writingbetter-typographybetter-colorsbetter-uiFrom each, take its principles, its references and its verification checks. Its severity ladder and its format are for standalone use; the ones in this file replace them.
If an owning skill is unavailable, mark that domain Not reviewed, name it and continue with the rest. Do not recreate its rules from memory, substitute a neighbour or claim holistic coverage.
When two skills appear to cover one issue, assign it to the owner of the underlying rule and note secondary effects in the Why cell.
Every finding cites path/to/file:line and shows the current implementation. When runtime behavior determines the result, source alone cannot support a visual finding and a screenshot alone cannot support a code finding.
Use one shared severity scale:
HIGH: blocks a task, misleads the user, hides content or controls, causes data-loss risk or creates a repeated systemic failure.MEDIUM: meaningfully harms comprehension, efficiency, adaptability or consistency.LOW: isolated polish with limited task impact.Within a severity, rank by how many places the finding reaches and how much one fix buys. A token or shared-component fix outranks the same symptom in one leaf.
Escalation triggers. Once the owning skill confirms one of these, it is HIGH on sight, never averaged down because the surface is minor:
prefers-reduced-motion.Triggers rank above every other finding. When more fire than the cap allows, list them first and say how many the cap excluded. A cap may shorten a report; it may never be why a blocker went unreported.
These set severity, not new rules. The owning skill decides whether the symptom is present; this list decides what it costs.
Severity says how bad a finding is; this says which fix to propose. When more than one would work, take the earliest that does:
When the code under review adds what Delete would fix, that is a finding, and its After is the deletion.
One root cause is one finding, with every confirmed location in the same row. Report at most 15 findings. Never pad toward the cap; a short review or no findings is a valid result.
Run the safe, relevant checks the project offers. Inspect the rendered interface when runtime behavior or visual judgment matters, and report the exact command or interaction and its result. A check you cannot run is Not verified, never a finding.
Treat a review request as read-only. Do not edit source unless the user also asks you to implement the findings. When they do, keep the consolidated report as the change scope and re-run the relevant verification afterward.
| Mistake | Fix |
|---|---|
| A separate findings section per domain | Merge them into one table ranked by severity, then reach |
| A rendering claim whose only evidence is source | Inspect the rendered state, or mark it Not verified |
A missing accessible name or focus ring rated MEDIUM because the surface is minor | Triggers are HIGH on sight |
| A coverage row whose evidence cell names no file, component or check | Inspect that domain, or mark it Not reviewed with the reason |
A domain marked Clear although its skill never loaded | Mark it Not reviewed and name the skill |
| The same symptom in several rows, one per component | One row against the shared token or component, listing every location |
| An After that adds a wrapper, token or ARIA attribute | Check whether a deletion or the native element fixes it first |
| A fix written in a library or styling system the project does not use | Rewrite it in the project's own idiom |
The format lives in review-format.md: scope and coverage, the findings table, verification and the verdict. A review is not finished until its findings are reported there.
まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.
日本語の概要は準備中です。原文の説明を表示しています。
Helps you build and check a color system for your project. It generates palettes, names semantic tokens, converts between formats and measures contrast.
日本語の概要は準備中です。原文の説明を表示しています。
Helps with grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up when it is resized, translated or mirrored.
日本語の概要は準備中です。原文の説明を表示しています。
Sets and reviews how text renders in your product, from the type scale and spacing to font features, wrapping, truncation and punctuation.
日本語の概要は準備中です。原文の説明を表示しています。
Polishes the surfaces, icons and motion in your project with exact values for border radius, optical alignment, shadows, icon states and animation.
日本語の概要は準備中です。原文の説明を表示しています。
Writes and reviews your interface copy, from labels and errors to empty states and confirmations, so it matches your product's voice and tells people what to do next.
日本語の概要は準備中です。原文の説明を表示しています。