Review frontend quality
| ID | ap-frontend-review |
| Kind | skill |
| Selection | optional |
| Category | Frontend |
| Targets | claude, codex, cursor |
Review frontend implementation, usability, accessibility, responsiveness, and visual coherence.
When to use
Section titled “When to use”Use when you need an evidence-based review of a rendered interface for quality, accessibility, and regressions.
How it is selected
Section titled “How it is selected”Optional. Select during initialization or when offered in an update, or install separately when you need it.
Install
Section titled “Install”agents-pack install ap-frontend-review --dry-runagents-pack install ap-frontend-review --yesHow to invoke
Section titled “How to invoke”Use ap-frontend-review to audit the rendered homepage at desktop and mobilewidths. Check interactions, accessibility, responsive behavior, typography,and browser errors. Do not change files.Ask for fix mode when you also want the skill to make focused corrections. Audit mode is read-only by default.
What it verifies
Section titled “What it verifies”Frontend review inspects the running or directly opened interface rather than inferring quality from source code alone. It exercises relevant interactions and states, keyboard operation, reduced motion, responsive transitions, DOM semantics, and browser-console output.
Likely failure cases include long labels, enlarged text, dense or sparse data, missing media, and constrained widths. Typography is judged after intended fonts load. The review distinguishes a deliberate, readable overlap from clipped glyphs, accidental collisions, and text blocks that almost touch. It also reports weight saturation when headings, labels, navigation, buttons, and metadata all compete at the same emphasis.
Each finding includes its priority, page, state, viewport, observed evidence, expected behavior, and confidence. Fix mode rechecks the exact failing state after making the smallest coherent correction.