菜单
对代码进行全面的质量审核，包括代码规范、性能、安全性、可维护性等多个维度的检查和建议
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | 代码审核 (Code Review) |
| description | 对代码进行全面的质量审核，包括代码规范、性能、安全性、可维护性等多个维度的检查和建议 |
这个 skill 提供系统化的代码审核流程，帮助识别代码中的潜在问题、改进机会和最佳实践建议。
当用户请求代码审核时，按照以下流程进行：
✅ 命名规范
✅ 代码格式
✅ 注释质量
✅ 函数设计
✅ 模块化
✅ DRY 原则
✅ 算法复杂度
✅ 资源管理
✅ 前端性能
✅ 数据处理
✅ 输入验证
✅ 敏感信息
✅ 权限控制
✅ 异常捕获
✅ 错误提示
✅ 边界条件
✅ 可读性
✅ 可测试性
✅ 可扩展性
const 和 let，避免 vareval()'use strict'生成审核报告时，使用以下格式：
# 代码审核报告
## 📋 审核概览
- **审核文件**: [文件路径]
- **审核时间**: [时间]
- **代码行数**: [总行数]
- **总体评分**: ⭐⭐⭐⭐☆ (4/5)
## 🎯 审核摘要
- ✅ 优点: [列出主要优点]
- ⚠️ 需要改进: [列出需要改进的地方]
- 🔴 严重问题: [列出严重问题]
## 详细审核结果
### 1. 代码质量 ⭐⭐⭐⭐⭐
#### ✅ 做得好的地方
- [具体说明]
#### ⚠️ 需要改进
- [具体问题 + 文件位置 + 改进建议]
### 2. 性能优化 ⭐⭐⭐⭐☆
#### ⚠️ 性能问题
- **问题**: [描述]
- **位置**: `文件名:行号`
- **影响**: [性能影响说明]
- **建议**: [具体改进方案]
### 3. 安全性 ⭐⭐⭐⭐⭐
[同上格式]
### 4. 错误处理 ⭐⭐⭐☆☆
[同上格式]
### 5. 可维护性 ⭐⭐⭐⭐☆
[同上格式]
## 🔧 优化建议
### 高优先级 (🔴 必须修复)
1. [问题描述]
```javascript
// 修改前
[原代码]
// 修改后
[建议代码]
[同上格式]
[同上格式]
[针对发现的问题，提供相关学习资源和最佳实践文档链接]
## 审核示例
### 示例 1: 审核 JavaScript 函数
**原代码**:
```javascript
function getData(url) {
var data;
fetch(url).then(res => {
data = res.json();
});
return data;
}
审核意见:
⚠️ 问题:
var 而非 const/let🔧 建议修改:
/**
* 从指定 URL 获取 JSON 数据
* @param {string} url - 请求的 URL
* @returns {Promise<any>} 返回 JSON 数据
* @throws {Error} 网络请求失败时抛出错误
*/
async function getData(url) {
if (!url || typeof url !== 'string') {
throw new Error('URL must be a non-empty string');
}
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
return data;
} catch (error) {
console.error('Failed to fetch data:', error);
throw error;
}
}
接收审核请求
用户: "请帮我审核 app.js 文件"
查看代码
view_file 或 view_file_outline 查看代码执行审核
生成报告
后续支持
助手: "审核完成！我发现了 3 个高优先级问题和 5 个优化建议。
您希望我立即修复这些问题吗？"
审核过程中可以使用以下工具：
view_file: 查看完整文件内容view_file_outline: 快速了解文件结构view_code_item: 查看特定函数或类grep_search: 搜索特定模式（如 console.log, TODO 等）find_by_name: 查找相关文件// ❌ 避免: 循环中操作 DOM
for (let i = 0; i < items.length; i++) {
document.getElementById('list').innerHTML += `<li>${items[i]}</li>`;
}
// ✅ 推荐: 批量操作
const html = items.map(item => `<li>${item}</li>`).join('');
document.getElementById('list').innerHTML = html;
// ❌ 避免: XSS 风险
element.innerHTML = userInput;
// ✅ 推荐: 安全处理
element.textContent = userInput;
// 或使用 DOMPurify 清理
// ❌ 避免: 没有错误处理
async function loadData() {
const res = await fetch('/api/data');
return res.json();
}
// ✅ 推荐: 完善的错误处理
async function loadData() {
try {
const res = await fetch('/api/data');
if (!res.ok) {
throw new Error(`HTTP ${res.status}`);
}
return await res.json();
} catch (error) {
console.error('加载数据失败:', error);
throw error;
}
}
良好的代码审核不仅是发现问题，更是一个学习和成长的机会。通过系统化的审核流程，可以持续提升代码质量和团队技能。