Yao-meta-skill frontend-review

Review frontend code for accessibility, UI security, missing states, and UX regressions. Use when asked to review React components, run a pre-merge frontend review, or check a11y and unsafe rendering.

install

source · Clone the upstream repo

git clone https://github.com/yaojingang/yao-meta-skill

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/yaojingang/yao-meta-skill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/examples/team-frontend-review/generated-skill" ~/.claude/skills/yaojingang-yao-meta-skill-frontend-review-c7d912 && rm -rf "$T"

manifest: examples/team-frontend-review/generated-skill/SKILL.md

source content

Frontend Review

Review UI code with a pre-merge mindset. Findings come first. Focus on behavior regressions, accessibility gaps, risky form handling, unsafe rendering, and missing user states.

Workflow

Identify the UI surface and user flows affected.
Check accessibility, security-sensitive inputs, loading states, and error states.
Report findings by severity with concrete code references.
Prefer actionable fixes over generic advice.

Output Contract

Start with findings, ordered by severity.
Include file references for each finding.
Call out open questions separately from confirmed issues.
If there are no findings, say that explicitly and note residual risks or test gaps.

Reference Map

Read
```
references/checklist.md
```
for the review standard.