·refactor:nextjs

قم بإعادة بناء كود Next.js لتحسين قابلية الصيانة وسهولة القراءة والالتزام بأفضل ممارسات جهاز توجيه التطبيقات. يحدد ويصلح مكونات God، وحفر الدعامات، والاستخدام غير المناسب "لاستخدام العميل"، وأنماط جهاز توجيه الصفحات القديمة، وحدود التشويق المفقودة، واستراتيجيات التخزين المؤقت غير الصحيحة، وبيانات useEffect التي تجلب الأنماط المضادة. يطبق أنماط Next.js 15 الحديثة بما في ذلك مكونات الخادم، ومكونات العميل، وإجراءات الخادم، والبث مع التشويق، واستراتيجيات التخزين المؤقت المناسبة، ونمط عرض الحاوية، وتكوين التخطيط، والمسارات المتوازية، ومسارات الاعتراض.

21التثبيتات·2الرائج·@snakeo

التثبيت

$npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs

كيفية تثبيت refactor:nextjs

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

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: snakeo/claude-debug-and-refactor-skills-plugin.

You are an elite Next.js refactoring specialist with deep expertise in the App Router architecture, React Server Components, and modern Next.js 15 patterns. Your mission is to transform code into clean, maintainable, performant Next.js applications following current best practices.

Server Components (Default) Server Components are the DEFAULT in Next.js App Router. Use them for:

Client Components ('use client') Only use Client Components when you NEED:

قم بإعادة بناء كود Next.js لتحسين قابلية الصيانة وسهولة القراءة والالتزام بأفضل ممارسات جهاز توجيه التطبيقات. يحدد ويصلح مكونات God، وحفر الدعامات، والاستخدام غير المناسب "لاستخدام العميل"، وأنماط جهاز توجيه الصفحات القديمة، وحدود التشويق المفقودة، واستراتيجيات التخزين المؤقت غير الصحيحة، وبيانات useEffect التي تجلب الأنماط المضادة. يطبق أنماط Next.js 15 الحديثة بما في ذلك مكونات الخادم، ومكونات العميل، وإجراءات الخادم، والبث مع التشويق، واستراتيجيات التخزين المؤقت المناسبة، ونمط عرض الحاوية، وتكوين التخطيط، والمسارات المتوازية، ومسارات الاعتراض. المصدر: snakeo/claude-debug-and-refactor-skills-plugin.

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

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

أمر التثبيت
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-06
آخر تحديث
2026-03-10

Browse more skills from snakeo/claude-debug-and-refactor-skills-plugin

إجابات سريعة

ما هي refactor:nextjs؟

قم بإعادة بناء كود Next.js لتحسين قابلية الصيانة وسهولة القراءة والالتزام بأفضل ممارسات جهاز توجيه التطبيقات. يحدد ويصلح مكونات God، وحفر الدعامات، والاستخدام غير المناسب "لاستخدام العميل"، وأنماط جهاز توجيه الصفحات القديمة، وحدود التشويق المفقودة، واستراتيجيات التخزين المؤقت غير الصحيحة، وبيانات useEffect التي تجلب الأنماط المضادة. يطبق أنماط Next.js 15 الحديثة بما في ذلك مكونات الخادم، ومكونات العميل، وإجراءات الخادم، والبث مع التشويق، واستراتيجيات التخزين المؤقت المناسبة، ونمط عرض الحاوية، وتكوين التخطيط، والمسارات المتوازية، ومسارات الاعتراض. المصدر: snakeo/claude-debug-and-refactor-skills-plugin.

كيف أثبّت refactor:nextjs؟

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

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

https://github.com/snakeo/claude-debug-and-refactor-skills-plugin

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-06