ما هي frontend-development؟
تطوير جهاز توجيه التطبيقات Next.js باستخدام TypeScript. مكونات الخادم، إجراءات الخادم، التخزين المؤقت، MUI. يُستخدم عند إنشاء الصفحات أو المكونات أو جلب البيانات أو إنشاء الميزات. المصدر: carvalab/k-skills.
·frontend-development
</>
frontend-development
✓تطوير جهاز توجيه التطبيقات Next.js باستخدام TypeScript. مكونات الخادم، إجراءات الخادم، التخزين المؤقت، MUI. يُستخدم عند إنشاء الصفحات أو المكونات أو جلب البيانات أو إنشاء الميزات.
التثبيت
كيفية تثبيت frontend-development
ثبّت مهارة الذكاء الاصطناعي frontend-development بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/carvalab/k-skills --skill frontend-development
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: carvalab/k-skills.
SKILL.md
عرض النص الخامNext.js (latest) App Router with TypeScript. Server-first architecture.
Related Skills: vercel-react-best-practices - USE THIS for performance (bundle size, waterfalls, caching, re-renders, memoization) Check .claude/CLAUDE.md for project-specific conventions Check .cursor/rules/ for project-specific conventions MCP: Use next-devtools MCP server if available for debugging, route inspection, and build analysis.
| New page | Server Component by default | | Data fetching | Server Component async fetch | | Mutations | Server Actions + Zod + revalidatePath | | Styling | MUI sx prop, inline if <100 lines | | State | Server = fetch, Client = useState only when needed |
تطوير جهاز توجيه التطبيقات Next.js باستخدام TypeScript. مكونات الخادم، إجراءات الخادم، التخزين المؤقت، MUI. يُستخدم عند إنشاء الصفحات أو المكونات أو جلب البيانات أو إنشاء الميزات. المصدر: carvalab/k-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/carvalab/k-skills --skill frontend-development- المصدر
- carvalab/k-skills
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت frontend-development؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/carvalab/k-skills --skill frontend-development بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/carvalab/k-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01