component-migration이란?
'클라이언트 사용' 지시문을 추가하거나 혼합 구성 요소를 서버 + 클라이언트 부분으로 분할하거나 "useState는 클라이언트 구성 요소에서만 작동합니다."와 같은 RSC 경계 오류를 수정할 때 사용합니다. 또한 대화형 UI(양식, 모달, 이벤트 핸들러)를 앱 라우터로 마이그레이션하기 위한 것입니다. 출처: blazity/next-migration-skills.
'클라이언트 사용' 지시문을 추가하거나 혼합 구성 요소를 서버 + 클라이언트 부분으로 분할하거나 "useState는 클라이언트 구성 요소에서만 작동합니다."와 같은 RSC 경계 오류를 수정할 때 사용합니다. 또한 대화형 UI(양식, 모달, 이벤트 핸들러)를 앱 라우터로 마이그레이션하기 위한 것입니다.
명령줄에서 component-migration AI 스킬을 개발 환경에 빠르게 설치
출처: blazity/next-migration-skills.
Migrate components for RSC (React Server Component) compatibility. Determine which components need 'use client' directives and which can remain server components.
This skill requires the nextjs-migration-toolkit skill to be installed. All migration skills depend on it for AST analysis.
Before applying any migration patterns, check the target Next.js version. Read .migration/target-version.txt if it exists, or ask the user.
'클라이언트 사용' 지시문을 추가하거나 혼합 구성 요소를 서버 + 클라이언트 부분으로 분할하거나 "useState는 클라이언트 구성 요소에서만 작동합니다."와 같은 RSC 경계 오류를 수정할 때 사용합니다. 또한 대화형 UI(양식, 모달, 이벤트 핸들러)를 앱 라우터로 마이그레이션하기 위한 것입니다. 출처: blazity/next-migration-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/blazity/next-migration-skills --skill component-migration'클라이언트 사용' 지시문을 추가하거나 혼합 구성 요소를 서버 + 클라이언트 부분으로 분할하거나 "useState는 클라이언트 구성 요소에서만 작동합니다."와 같은 RSC 경계 오류를 수정할 때 사용합니다. 또한 대화형 UI(양식, 모달, 이벤트 핸들러)를 앱 라우터로 마이그레이션하기 위한 것입니다. 출처: blazity/next-migration-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/blazity/next-migration-skills --skill component-migration 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/blazity/next-migration-skills