يُستخدم عند إنشاء تطبيقات Next.js 16+ باستخدام React Server Components. يغطي جهاز توجيه التطبيقات، وتدفق SSR، وإجراءات الخادم، وأنماط React 19 لبنية الخادم أولاً.
ثبّت مهارة الذكاء الاصطناعي react-server-components-framework بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: yonatangross/skillforge-claude-plugin.
React Server Components (RSC) enable server-first rendering with client-side interactivity. This skill covers Next.js 16 App Router patterns, Server Components, Server Actions, and streaming.
| Directive | None (default) | 'use client' | | Async/await | Yes | No | | Hooks | No | Yes | | Browser APIs | No | Yes | | Database access | Yes | No | | Client JS bundle | Zero | Ships to client |
Key Rule: Server Components can render Client Components, but Client Components cannot directly import Server Components (use children prop instead).
يُستخدم عند إنشاء تطبيقات Next.js 16+ باستخدام React Server Components. يغطي جهاز توجيه التطبيقات، وتدفق SSR، وإجراءات الخادم، وأنماط React 19 لبنية الخادم أولاً. المصدر: yonatangross/skillforge-claude-plugin.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-server-components-frameworkBrowse more skills from yonatangross/skillforge-claude-plugin
يُستخدم عند إنشاء تطبيقات Next.js 16+ باستخدام React Server Components. يغطي جهاز توجيه التطبيقات، وتدفق SSR، وإجراءات الخادم، وأنماط React 19 لبنية الخادم أولاً. المصدر: yonatangross/skillforge-claude-plugin.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-server-components-framework بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/yonatangross/skillforge-claude-plugin