菜单
当用户需要对前端代码进行全面审查时使用此技能，包括 React、Vue、Angular 或原生 JavaScript/TypeScript 项目。适用于代码审查、Pull Request 评审、性能审计、安全检查等场景。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Add Agentation visual feedback toolbar to any React project
amis 低代码框架专家和知识库。**严格触发条件**：用户必须明确提到 'amis'、'低代码'、'百度 amis' 等关键词。**核心能力**：(1) 回答 amis 使用问题（组件用法、属性配置、表达式、事件等），(2) 生成 amis JSON schema（CRUD、表单、卡片、对话框等），(3) 生成 amis 静态 HTML 预览页面（仅当用户明确要求 amis + 预览/静态HTML 时），(4) 调试和优化 amis 配置。**严格禁止触发**：(1) 用户未提及 amis 或低代码，(2) 用户明确要求其他框架（React、Vue、Angular、Vite 等工程化项目），(3) 用户只说'生成表单'但没提 amis。**关键词**：amis、低代码、百度 amis、aisuda、amis schema、amis 组件、amis 预览。
| name | frontend-code-review |
| description | 当用户需要对前端代码进行全面审查时使用此技能，包括 React、Vue、Angular 或原生 JavaScript/TypeScript 项目。适用于代码审查、Pull Request 评审、性能审计、安全检查等场景。 |
| license | MIT |
| author | Bamzc |
对前端代码进行系统化审查，涵盖代码质量、性能、安全、可访问性等多个维度。支持 React、Vue、Angular 和原生 JavaScript/TypeScript 项目。
执行以下识别工作：
按照以下维度逐一审查代码：
代码质量
功能实现
性能优化
安全性
可访问性 (a11y)
框架特定模式
React:
Vue 3 Composition API:
TypeScript:
any 类型的过度使用浏览器兼容性
使用以下格式输出审查结果：
## 🔍 代码审查报告
### 文件：[文件路径]
#### ✅ 优秀实践
列出代码中做得好的地方：
- 优雅的解决方案
- 良好的设计模式
- 清晰的代码结构
- 周到的抽象设计
#### ⚠️ 需要改进的问题
| 类别 | 问题描述 | 改进建议 | 严重程度 |
|------|---------|---------|----------|
| 性能 | [具体问题] | [改进方案] | 🔴 高 / 🟡 中 / 🟢 低 |
#### 📊 代码评分
> ### 🎯 综合评分：X.X / 10
> **等级：[🏆S/🥇A/🥈B/🥉C/⚠️D/❌F]（[等级描述]）** | **状态：[✅可直接上线/⚠️需修复后上线/❌需要重构]**
| 维度 | 得分 | 评价 |
|------|------|------|
| 代码质量 | X/10 | [简要评价] |
| 功能实现 | X/10 | [简要评价] |
| 性能优化 | X/10 | [简要评价] |
| 安全性 | X/10 | [简要评价] |
| 可访问性 | X/10 | [简要评价] |
**主要扣分项**：[具体说明扣分原因]
#### 📝 改进建议
- **优先修复**：[关键问题列表]
- **后续优化**：[可选改进方向]
评分等级标准：
| 等级 | 分数范围 | 状态 | 含义 |
|---|---|---|---|
| 🏆 S | 9.5-10 | ✅ 可直接上线 | 卓越，可作为最佳实践范本 |
| 🥇 A | 8.5-9.4 | ✅ 可直接上线 | 优秀，生产级代码 |
| 🥈 B | 7.0-8.4 | ⚠️ 修复后上线 | 良好，少量问题需修复 |
| 🥉 C | 5.5-6.9 | ⚠️ 修复后上线 | 一般，需要认真修复优化 |
| ⚠️ D | 4.0-5.4 | ❌ 需要重构 | 较差，建议较大范围重构 |
| ❌ F | < 4.0 | ❌ 需要重构 | 不合格，建议重写 |
严重程度定义：
在报告中突出强调：
根据以下因素调整审查深度和重点：
详细的审查检查清单和工具推荐请参考 references/checklist.md。