Refactoring

엄격한 TDD를 실천하려면 test-driven-development 스킬을 설치해 활용하세요. 먼저 실패하는 테스트를 작성하고, 실제로 실패를 확인한 뒤, 최소한의 코드만 구현하고, 마지막으로 안전하게 리팩터링하는 흐름을 따릅니다.

architecture-patterns는 백엔드 팀이 Clean, Hexagonal, Onion, DDD 접근으로 서비스를 설계하거나 리팩터링할 때 도움이 되는 스킬입니다. `wshobson/agents` repo에서 스킬을 추가하는 방법을 확인하고, `SKILL.md`와 고급 참고 자료를 검토한 뒤, 레이어링, bounded context, 인터페이스, dependency 규칙, 리팩터링 계획에 어떻게 적용할지 배울 수 있습니다.

react-modernization은 React 16/17 앱을 18+로 업그레이드하고, 클래스 컴포넌트를 hooks로 전환하며, root API를 업데이트하고, codemod를 고려한 안내로 단계적 리팩터링을 계획할 때 유용한 마이그레이션 중심 스킬입니다.

dependency-upgrade는 semver 검토, 호환성 분석, 단계별 배포, 테스트를 바탕으로 대규모 의존성 업그레이드를 계획하는 스킬입니다. Code Editing 워크플로에서 npm 또는 yarn 패키지를 감사하고, 의존성 트리를 점검하며, 충돌을 해결하고, 프레임워크나 라이브러리 업그레이드를 더 안전하게 진행할 때 유용합니다.

vercel-react-best-practices는 Vercel Engineering에서 만든 스킬로, AI 에이전트가 React와 Next.js 성능을 최적화하도록 워터폴, 번들 크기, 렌더링 관련 우선순위 규칙을 안내합니다.

angular-migration은 AngularJS 앱을 최신 Angular로 전환하려는 팀을 위해 하이브리드 모드, 단계별 컴포넌트 재작성, DI 업데이트, 라우팅 마이그레이션 가이드를 하나의 SKILL.md로 제공합니다.