OpenSkillIndex← back to search
claude-code

Yao-meta-skill frontend-review

Review frontend code for accessibility, risky UI security issues, missing states, and common UX regressions. Use when asked to review React, UI, frontend components, forms, a11y, or pre-merge frontend quality.

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/evolution-frontend-review/final" ~/.claude/skills/yaojingang-yao-meta-skill-frontend-review-7b6481 && rm -rf "$T"
manifest: examples/evolution-frontend-review/final/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

  1. Identify the UI surface and user flows affected.
  2. Check accessibility, security-sensitive inputs, loading states, and error states.
  3. Report findings by severity with concrete code references.
  4. 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.