·component-migration
</>

component-migration

يُستخدم عند إضافة توجيهات "استخدام العميل"، أو تقسيم المكونات المختلطة إلى أجزاء الخادم + العميل، أو إصلاح أخطاء حدود RSC مثل "useState يعمل فقط في مكون العميل." أيضًا لترحيل واجهة المستخدم التفاعلية (النماذج والنماذج ومعالجات الأحداث) إلى جهاز توجيه التطبيق.

5التثبيتات·0الرائج·@blazity

التثبيت

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

كيفية تثبيت component-migration

ثبّت مهارة الذكاء الاصطناعي component-migration بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/blazity/next-migration-skills --skill component-migration
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في 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.

يُستخدم عند إضافة توجيهات "استخدام العميل"، أو تقسيم المكونات المختلطة إلى أجزاء الخادم + العميل، أو إصلاح أخطاء حدود RSC مثل "useState يعمل فقط في مكون العميل." أيضًا لترحيل واجهة المستخدم التفاعلية (النماذج والنماذج ومعالجات الأحداث) إلى جهاز توجيه التطبيق. المصدر: blazity/next-migration-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
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؟

يُستخدم عند إضافة توجيهات "استخدام العميل"، أو تقسيم المكونات المختلطة إلى أجزاء الخادم + العميل، أو إصلاح أخطاء حدود RSC مثل "useState يعمل فقط في مكون العميل." أيضًا لترحيل واجهة المستخدم التفاعلية (النماذج والنماذج ومعالجات الأحداث) إلى جهاز توجيه التطبيق. المصدر: blazity/next-migration-skills.

كيف أثبّت component-migration؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/blazity/next-migration-skills --skill component-migration بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/blazity/next-migration-skills