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

frontend-review

GitHub

用于在合并前审查前端代码，重点检查无障碍性、UI安全风险、缺失状态及UX回归。适用于React组件、表单及通用前端质量的评估，输出按严重程度排序的具体发现与修复建议。

examples/evolution-frontend-review/final/SKILL.md yaojingang/yao-meta-skill

Trigger Scenarios

审查前端代码检查无障碍性(a11y) 评估UI安全审查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/evolution-frontend-review/final -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, 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."
}

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.