·component-migration
</>

component-migration

'클라이언트 사용' 지시문을 추가하거나 혼합 구성 요소를 서버 + 클라이언트 부분으로 분할하거나 "useState는 클라이언트 구성 요소에서만 작동합니다."와 같은 RSC 경계 오류를 수정할 때 사용합니다. 또한 대화형 UI(양식, 모달, 이벤트 핸들러)를 앱 라우터로 마이그레이션하기 위한 것입니다.

5설치·0트렌드·@blazity

설치

$npx skills add https://github.com/blazity/next-migration-skills --skill component-migration

component-migration 설치 방법

명령줄에서 component-migration AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/blazity/next-migration-skills --skill component-migration
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: 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
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-22
업데이트
2026-03-10

Browse more skills from blazity/next-migration-skills

빠른 답변

component-migration이란?

'클라이언트 사용' 지시문을 추가하거나 혼합 구성 요소를 서버 + 클라이언트 부분으로 분할하거나 "useState는 클라이언트 구성 요소에서만 작동합니다."와 같은 RSC 경계 오류를 수정할 때 사용합니다. 또한 대화형 UI(양식, 모달, 이벤트 핸들러)를 앱 라우터로 마이그레이션하기 위한 것입니다. 출처: blazity/next-migration-skills.

component-migration 설치 방법은?

터미널 또는 명령줄 도구(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