mcpField
R
react-doctor

react-doctor

github.com/podo测试与质量29163 次安装3 天前更新
代码仓库

关于 react-doctor

react-doctor 是用于审查 React 代码库的技能。它对安全性、渲染性能、正确性和架构进行评分，并按严重程度列出问题、组件位置及修复建议。

主要功能

  1. 01基于评分的 React 质量检查
  2. 02安全与性能审查
  3. 03正确性和架构检查
  4. 04按严重程度排列问题
  5. 05提供组件位置和修复步骤

适用场景

  1. 01发布前审查 React 代码库
  2. 02发现安全或渲染问题回归
  3. 03确定组件级修复的优先顺序

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill react-doctor

安装后在 Claude Code 中输入/react-doctor确认已加载。

附带文件stub.yaml

详细介绍

react-doctor

目录条目占位内容 — 完整技能：millionco/react-doctor

决策树

在进行任何 React 代码质量审计前，先运行以下步骤：

  1. 是否已安装完整技能？ 检查：~/.design-agent-skills/skills/react-doctor/SKILL.md 是否存在，且不包含 das: 块。

    • 是 → 调用 react-doctor 并继续
    • 否 → 转到第 2 步

  2. 是否可以访问 shell？

    • 是 → 运行下方安装命令，然后调用该技能
    • 否 → 显示安装命令；在 Claude Code 中，发送一条以 ! 开头的聊天消息 — 添加 -g 可进行全局安装，否则仅安装到项目中

安装命令

npx skills add millionco/react-doctor

或按 Agent 安装：

  • Claude Code：claude skills add millionco/react-doctor
  • Cursor/OpenCode：npx skills add millionco/react-doctor

安装后调用

  • 技能名称：react-doctor
  • 触发短语："react doctor"、"React audit"、"React performance"、"React security"、"component quality"

功能

对 React 代码库进行基于评分的质量检查，以检测安全性、渲染性能、正确性和架构健全性方面的回归问题。返回按严重程度排序的发现结果，并为每个问题提供具体的组件位置和可执行的修复指导。

评论

支持 Markdown