pi-react-doctor
扫描React代码库的安全、性能与架构问题
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pi-react-doctor。 它的用途是：扫描React代码库的安全、性能与架构问题 完整的 Skill 内容见：https://321skill.com/skills/pi-react-doctor/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“使用 pi-react-doctor 扫描一下我的 React 项目 src 目录。” 它会调用 React Doctor 工具对你的代码进行深度分析，然后返回一份详细的报告，指出代码中存在的安全漏洞、可能影响性能的写法、潜在的逻辑错误以及不合理的组件架构设计，并给出具体的修复建议。
介绍
pi-react-doctor 是一个非官方的 Pi 技能包装器，它集成了由 Million.co 开发的 React Doctor 工具。该技能的核心是解决 React 项目在开发中可能存在的代码质量问题，包括安全漏洞、性能瓶颈、代码正确性以及架构设计缺陷。通过自动化扫描，它帮助开发者提前发现潜在风险，避免问题在生产环境中暴露。
使用该技能非常简单，开发者只需在 Pi 平台上启用它，并指向目标 React 代码库的路径即可。技能会调用底层的 React Doctor 进行分析，并以清晰的方式在 Pi 界面中呈现扫描结果，包括问题分类、严重程度和修复建议，无需开发者手动运行复杂的命令行工具。
这个技能非常适合 React 前端开发者、项目技术负责人以及关注代码质量的团队使用。无论是个人项目进行代码自查，还是团队在代码评审（Code Review）前进行自动化检查，它都能提供有价值的洞察，尤其适合希望将代码质量检查集成到日常开发流程中的团队。
在使用建议上，建议将其作为开发流程中的一个常规检查环节，例如在提交代码前或合并分支时运行。需要注意的是，该技能是第三方封装，其分析能力依赖于底层的 React Doctor 工具，因此对于 React 生态中非常前沿或实验性的特性，检测结果可能存在局限，建议将它的报告作为参考，并结合人工评审进行最终决策。
核心特点
此技能直接集成了由 React 性能优化领域知名团队 Million.co 出品的专业分析工具 React Doctor，其检测规则和洞察深度更贴近 React 生态的最佳实践与前沿问题，而非通用的代码检查工具。
注意事项
不适合用于分析非 React 技术栈（如 Vue、Svelte）的项目或检测 React 生态中非常实验性的新特性。
常见问题
pi-react-doctor 和 ESLint 有什么区别？
ESLint 主要检查代码风格和语法错误，而 pi-react-doctor 专注于 React 特有的安全、性能、架构等更深层次的质量问题。
需要联网使用吗？
技能本身在 Pi 平台运行，但扫描分析过程主要依赖本地代码和工具，通常无需额外联网。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pi-react-doctor/raw/index.md 读取 pi-react-doctor 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pi-react-doctor/raw/index.md（查看排版版本）