Summary
This generates structured refactor plans when you're staring at a 500-line component wondering where to start. It walks you through identifying problems like prop drilling and performance issues, then breaks the work into testable phases: stabilize with tests first, extract components, simplify state, then polish. The approach is methodical, suggesting specific patterns like compound components and memoization, plus risk mitigation through feature flags and rollback plans. It's opinionated about done criteria (80% coverage, 95+ accessibility score), which is helpful when stakeholders ask "are we done yet?" Most useful when inheriting messy code or when your team needs alignment on how to tackle a gnarly refactor without breaking production.
Install to Claude Code
npx -y skills add patricio0312rev/skills --skill frontend-refactor-planner --agent claude-codeInstalls into .claude/skills of the current project.
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
