Frontend Review

---
name: frontend-review
description: 前端评审清单：按组件化、可访问性、性能、工程化四个维度系统检查前端代码并输出问题清单
---

# 前端评审清单

按以下四个维度系统评审前端代码。逐项检查后输出问题清单：位置（文件/组件）、维度、严重度（阻塞/建议）、修复建议。没有问题的维度明确说「通过」。

## 组件化

- 组件职责单一、粒度合适，无「上帝组件」；
- props/接口清晰，状态放在最小必要范围，无冗余复制；
- 可复用逻辑已抽取（composables/hooks），组件间无复制粘贴；
- 样式方案与项目统一，无全局污染。

## 可访问性

- 语义化标签使用正确，未滥用 ARIA；
- 键盘操作路径完整，焦点样式可见；
- 对比度达标（WCAG AA），图片有 alt，表单控件有 label。

## 性能

- 无不必要的重渲染；大列表已虚拟化；
- 图片懒加载并使用现代格式，首屏资源精简；
- 构建产物合理分割，无超大 bundle；高频事件已防抖节流。

## 工程化

- 类型完整，无 any 等类型逃逸；
- 构建与测试通过，依赖无可知的多余项；
- 有运行/预览说明，改动范围与任务边界一致。