codewarden
为TypeScript/React/Next.js项目提供代码质量、安全与架构规范的AI代码卫士。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：codewarden。 它的用途是：为TypeScript/React/Next.js项目提供代码质量、安全与架构规范的AI代码卫士。 完整的 Skill 内容见：https://321skill.com/skills/codewarden/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请审查我刚写的这个React组件。”，它会自动调用CodeWarden技能，从类型安全、可访问性、Hook使用规范、性能等方面给出详细的审查报告和改进建议。或者，在部署前说：“帮我做个安全审计”，它会检查代码中的潜在安全风险，如敏感信息泄露、输入验证缺失等。
介绍
CodeWarden是一款专为TypeScript/React/Next.js应用设计的Claude Code插件，旨在强制执行现代开发实践、代码质量标准和安全最佳实践。它像一个严格的代码审查员，确保你的项目在类型安全、可访问性、性能和架构模式上达到高标准。
使用非常简单，安装插件后，你可以通过输入/code-review、/security-audit等命令来执行代码审查或安全审计。更重要的是，当你在Claude Code中编写相关代码、审查PR或询问性能优化等问题时，其内置的智能技能会自动激活并提供实时指导。
它非常适合前端开发、全栈开发以及项目经理等角色，尤其是那些正在构建或维护中大型、对代码质量和安全性有较高要求的TypeScript/React/Next.js项目的团队和个人。
建议在项目初期或重构阶段引入，以统一团队编码规范。请注意，它主要针对TypeScript/React/Next.js技术栈，对于其他框架或纯JavaScript项目的支持可能有限。
核心特点
与通用代码审查工具不同，它深度集成了React 19和Next.js App Router的最佳实践，并内置了从Vercel工程经验提炼的UI/UX与性能优化指南，提供从代码规范到部署上线的全链路自动化建议。
注意事项
主要针对TypeScript/React/Next.js技术栈，对于其他框架或纯后端服务的直接支持较弱。
常见问题
CodeWarden支持哪些编程语言？
主要针对TypeScript/JavaScript，并深度集成React和Next.js框架的最佳实践。
如何为整个团队安装这个插件？
可以在项目的`.claude/settings.json`中配置，团队成员信任仓库后会自动安装。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/codewarden/raw/index.md 读取 codewarden 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/codewarden/raw/index.md（查看排版版本）