react-doctor
诊断和修复React代码问题的AI助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：react-doctor。 它的用途是：诊断和修复React代码问题的AI助手 完整的 Skill 内容见：https://321skill.com/skills/react-doctor-aidenybai/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请帮我分析一下src/components目录下的React代码，看看有没有性能问题。’，它会运行React Doctor进行扫描，并生成一份报告，指出哪些组件存在不必要的渲染、Hook依赖数组不完整等问题，并给出具体的优化代码示例。
介绍
React Doctor是一个专为React开发者设计的AI工具，它能自动扫描和分析你的React代码库，识别出潜在的性能问题、代码异味、不符合最佳实践的模式以及可优化的部分。它通过静态分析和启发式规则，提供具体的修复建议和代码示例，帮助开发者提升代码质量和应用性能。
使用React Doctor非常简单，你只需在项目根目录运行一条命令，它就会自动遍历你的React组件文件，生成一份详细的诊断报告。报告会按问题严重性分类，并附上清晰的解释和修改方案，你可以直接参考这些建议来重构代码。
这个Skill非常适合那些希望提升代码可维护性、避免常见React陷阱的开发者。无论是刚接触React的新手，还是维护大型复杂应用的老手，都能从中获益。它能帮助团队统一代码风格，减少技术债务。
建议在代码评审前或重构项目时使用React Doctor。请注意，它主要基于静态分析，对于运行时逻辑或复杂状态交互的深层问题，可能仍需结合手动调试和性能分析工具。
核心特点
与通用的代码检查工具（如ESLint）不同，React Doctor深度专注于React生态，能识别出如不必要的重新渲染、Hook使用不当、Context滥用等React特有的问题，并提供更具针对性的优化建议。
注意事项
不适合用于分析非React项目或评估代码的业务逻辑正确性。
常见问题
React Doctor和ESLint的React插件有什么区别？
React Doctor提供更深度的React特定模式分析和性能优化建议，而ESLint插件更侧重于语法和基础规则检查。
它能修复我的代码吗？
不能自动修复，但会提供详细的修复步骤和代码示例，指导你手动修改。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/react-doctor-aidenybai/raw/index.md 读取 react-doctor 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/react-doctor-aidenybai/raw/index.md（查看排版版本）