企业官网建设流程全解析

Codex 和 Claude Code 必装的 10 个 Skill

AI 编程工具越来越像“开发伙伴”，但真正拉开差距的，不只是模型本身，而是你给它装了哪些Skill。在 Codex 中，Agent Skills 可以把说明、资源和可选脚本打包成可复用能力；Claude Code 也支持通过 Skills 扩展 Claude 的能力，并可结合命令、插件和工作流使用。

下面这 10 个 Skill，适合 Codex 和 Claude Code 优先安装。

1. Code Review Skill（代码审查）

帮助检查代码质量、潜在 bug、边界条件、重复逻辑和可维护性问题。

适合场景：

使用方法示例：
请像资深工程师一样审查这段代码，指出 bug、性能问题、安全风险和可读性问题。

2. Test Generation Skill（测试生成）

帮助生成单元测试、集成测试和边界测试。

适用场景：

• 补齐遗漏测试
• 生成边界用例
• 提高重构安全感
• 快速理解旧代码行为

3. Debugging Skill（调试）

处理报错、日志、堆栈追踪和线上异常。

主要功能：

4. Documentation Skill（文档）

生成 README、API 文档、函数注释、架构说明和使用示例。

建议优先覆盖：

• README.md
• API reference
• CHANGELOG
• onboarding guide
• architecture notes

5. Refactoring Skill（重构）

改善代码结构，使可维护性和可读性更高。

适合处理：

使用方法示例：
在不改变外部行为的前提下，重构这段代码，并解释每个改动的原因。

6. Security Review Skill（安全审查）

检查注入风险、权限问题、密钥泄露、依赖漏洞和不安全配置。

重点检查：

• SQL 注入
• XSS
• SSRF
• Hardcoded secrets
• Insecure auth
• Unsafe file access
• 依赖风险

7. API Design Skill（API 设计）

帮助设计 REST API、GraphQL API、SDK 和 OpenAPI 规范。

可应用领域：

8. Frontend UI Skill（前端 UI）

帮助构建 React、Vue、Next.js、Tailwind CSS 等前端组件与布局。

主要功能：

• 组件拆分
• 响应式布局
• 表单体验优化
• 无障碍设计
• 状态管理
• Loading / Error / Empty 状态处理

9. DevOps & CI/CD Skill（运维 & 持续集成/持续交付）

自动化构建、测试、部署和环境管理。

常用工具：

10. Architecture Planning Skill（架构规划）

在编写代码之前，规划模块、边界和数据流，降低重写风险。

适用场景：

• 新项目启动
• 大功能拆解
• 微服务边界设计
• 数据库结构规划
• 技术选型对比

总结

先装这 10 个 Skill，就能覆盖日常开发中最核心的代码审查、测试、调试、文档、重构、安全、API、前端、部署和架构规划。