Use when adding 'use client' directives, splitting mixed components into server + client parts, or fixing RSC boundary errors like "useState only works in a Client Component." Also for migrating interactive UI (forms, modals, event handlers) to App Router.
Quickly install component-migration AI skill to your development environment via command line
Source: 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.
Use when adding 'use client' directives, splitting mixed components into server + client parts, or fixing RSC boundary errors like "useState only works in a Client Component." Also for migrating interactive UI (forms, modals, event handlers) to App Router. Source: blazity/next-migration-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/blazity/next-migration-skills --skill component-migrationUse when adding 'use client' directives, splitting mixed components into server + client parts, or fixing RSC boundary errors like "useState only works in a Client Component." Also for migrating interactive UI (forms, modals, event handlers) to App Router. Source: blazity/next-migration-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/blazity/next-migration-skills --skill component-migration Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/blazity/next-migration-skills