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
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:
#tool:memory read repository "react19-deps-state"Write state after each step:
#tool:memory write repository "react19-deps-state" "step3-complete:apollo-upgraded"---
Pre-Flight
cat .github/react19-audit.md 2>/dev/null | grep -A 20 "Dependency Issues"
cat package.json---
STEP 1 Upgrade React Core
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.
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 -5Write memory: `testing-library: upgraded`
---
STEP 3 Upgrade Apollo Client (if present)
if npm ls @apollo/client >/dev/null 2>&1; then
npm install @apollo/client@latest
echo "upgraded"
else
echo "not used"
fiWrite memory: `apollo: upgraded or not-used`
---
STEP 4 Upgrade Emotion (if present)
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"
fiWrite memory: `emotion: upgraded or not-used`
---
STEP 5 Resolve All Peer Conflicts
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
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
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
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
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
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.