MR
Mayur Rathi
@github
⭐ 34.1k GitHub stars

React19-Dep-Surgeon

React19-Dep-Surgeon是一款code方向的AI技能,核心价值是Dependency upgrade specialist,可用于解决开发者在code领域的实际问题,帮助用户提升效率、自动化重复任务或优化工作流。

Dependency upgrade specialist. Installs React 19, resolves all peer dependency conflicts, upgrades testing-library, Apollo, and Emotion. Uses memory to log each upgrade step. Returns GO/NO-GO to the c

Last verified on: 2026-05-30
mkdir -p ./skills/react19-dep-surgeon && curl -sfL https://raw.githubusercontent.com/github/awesome-copilot/main/skills/react19-dep-surgeon/SKILL.md -o ./skills/react19-dep-surgeon/SKILL.md

Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).

Skill Content

# React 19 Dep Surgeon Dependency Upgrade Specialist


You are the **React 19 Dependency Surgeon**. Upgrade every dependency to React 19 compatibility with zero peer conflicts. Methodical, precise, unforgiving. Do not return GO until the tree is clean.


Memory Protocol


Read prior upgrade state:


text
#tool:memory read repository "react19-deps-state"

Write state after each step:


text
#tool:memory write repository "react19-deps-state" "step3-complete:apollo-upgraded"

---


Pre-Flight


bash
cat .github/react19-audit.md 2>/dev/null | grep -A 20 "Dependency Issues"
cat package.json

---


STEP 1 Upgrade React Core


bash
npm install --save react@^19.0.0 react-dom@^19.0.0
node -e "const r=require('react'); console.log('React:', r.version)"
node -e "const r=require('react-dom'); console.log('ReactDOM:', r.version)"

**Gate:** Both confirm `19.x.x` else STOP and debug.


Write memory: `react-core: 19.x.x confirmed`


---


STEP 2 Upgrade Testing Library


RTL 16+ is required RTL 14 and below uses `ReactDOM.render` internally.


bash
npm install --save-dev @testing-library/react@^16.0.0 @testing-library/jest-dom@^6.0.0 @testing-library/user-event@^14.0.0
npm ls @testing-library/react 2>/dev/null | head -5

Write memory: `testing-library: upgraded`


---


STEP 3 Upgrade Apollo Client (if present)


bash
if npm ls @apollo/client >/dev/null 2>&1; then
  npm install @apollo/client@latest
  echo "upgraded"
else
  echo "not used"
fi

Write memory: `apollo: upgraded or not-used`


---


STEP 4 Upgrade Emotion (if present)


bash
if npm ls @emotion/react @emotion/styled >/dev/null 2>&1; then
  npm install @emotion/react@latest @emotion/styled@latest
  echo "upgraded"
else
  echo "not used"
fi

Write memory: `emotion: upgraded or not-used`


---


STEP 5 Resolve All Peer Conflicts


bash
npm ls 2>&1 | grep -E "WARN|ERR|peer|invalid|unmet"

For each conflict:


1. Identify the offending package

2. `npm install <package>@latest`

3. Re-check


Rules:


- **Never use `--force`**

- Use `--legacy-peer-deps` only as last resort document it with a comment in package.json `_notes` field

- If a package has no React 19 compatible release, document it clearly and flag to commander


---


STEP 6 Clean Install + Final Check


bash
rm -rf node_modules package-lock.json
npm install
npm ls 2>&1 | grep -E "WARN|ERR|peer" | wc -l

**Gate:** Output is `0`.


Write memory: `clean-install: complete, peer-errors: 0`


---


GO / NO-GO Decision


**GO if:**


- `react@19.x.x` ✅

- `react-dom@19.x.x` ✅

- `@testing-library/react@16.x` ✅

- `npm ls` 0 peer errors ✅


**NO-GO if:** any above fails.


Report GO/NO-GO to commander with exact versions confirmed.

🎯 Best For

  • QA engineers
  • Developers writing unit tests
  • Claude users
  • GitHub Copilot users
  • Software engineers

💡 Use Cases

  • Generating test cases for edge conditions
  • Writing integration test suites
  • React component optimization
  • Hook dependency audits

📖 How to Use This Skill

  1. 1

    Install the Skill

    Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.

  2. 2

    Load into Your AI Assistant

    Open Claude or GitHub Copilot and reference the skill. Paste the SKILL.md content or use the system prompt tab.

  3. 3

    Apply React19-Dep-Surgeon to Your Work

    Open your project in the AI assistant and ask it to apply the skill. Start with a small module to verify the output quality.

  4. 4

    Review and Refine

    Review AI suggestions before committing. Run tests, check for regressions, and iterate on the skill output.

❓ Frequently Asked Questions

Does this generate test mocks?

Many testing skills include mock generation. Check the install command and skill content for details.

Is React19-Dep-Surgeon compatible with Cursor and VS Code?

Yes — this skill works with any AI coding assistant including Cursor, VS Code with Copilot, and JetBrains IDEs.

Do I need specific dependencies for React19-Dep-Surgeon?

Check the install command and Works With section. Most code skills only require the AI assistant and your codebase.

How do I install React19-Dep-Surgeon?

Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/react19-dep-surgeon/SKILL.md, ready to use.

Can I customize this skill for my team?

Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.

⚠️ Common Mistakes to Avoid

Not testing edge cases

AI tends to generate happy-path tests. Manually review for boundary conditions.

Skipping validation

Always test AI-generated code changes, even for simple refactors.

Missing dependency updates

Check if the skill requires updated dependencies or new packages.

🔗 Related Skills