Agent Skills › yaojingang/yao-meta-skill › frontend-review

frontend-review

GitHub

用于在合并前审查前端代码，重点检查无障碍性、UI安全、缺失状态及UX回归。适用于React组件审查、预合并检查或a11y与不安全渲染评估，提供按严重程度排序的具体修复建议。

examples/team-frontend-review/generated-skill/SKILL.md yaojingang/yao-meta-skill

Trigger Scenarios

审查React组件执行预合并前端审查检查无障碍性和不安全渲染

Install

npx skills add yaojingang/yao-meta-skill --skill frontend-review -g -y

More Options

Non-standard path

npx skills add https://github.com/yaojingang/yao-meta-skill/tree/main/examples/team-frontend-review/generated-skill -g -y

Use without installing

npx skills use yaojingang/yao-meta-skill@frontend-review

指定 Agent (Claude Code)

npx skills add yaojingang/yao-meta-skill --skill frontend-review -a claude-code -g -y

安装 repo 全部 skill

npx skills add yaojingang/yao-meta-skill --all -g -y

预览 repo 内 skill

npx skills add yaojingang/yao-meta-skill --list

SKILL.md

Frontmatter

{
    "name": "frontend-review",
    "description": "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."
}

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.