قم بتشغيل بيئة تطوير Next.js جديدة باستخدام Tailwind CSS ومكونات shadcn/ui وواجهة المستخدم المساعدة لواجهات الدردشة المدعمة بالذكاء الاصطناعي. يُستخدم عندما يطلب المستخدم "إنشاء مشروع Next.js جديد"، أو "bootstrap Next.js with shadcn"، أو "إعداد تطبيق Next.js"، أو "إنشاء تطبيق دردشة AI"، أو "بدء مشروع React جديد باستخدام Tailwind"، أو يذكر إنشاء مشروع واجهة أمامية جديد باستخدام أدوات حديثة.
ثبّت مهارة الذكاء الاصطناعي nextjs-boilerplate بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: petekp/claude-code-setup.
| Framework | Next.js 14+ (App Router) | React framework with SSR/SSG | | Styling | Tailwind CSS | Utility-first CSS | | Components | shadcn/ui | Accessible, customizable components | | AI Chat | assistant-ui | Pre-built AI chat interface components | | TypeScript | Strict mode | Type safety |
قم بتشغيل بيئة تطوير Next.js جديدة باستخدام Tailwind CSS ومكونات shadcn/ui وواجهة المستخدم المساعدة لواجهات الدردشة المدعمة بالذكاء الاصطناعي. يُستخدم عندما يطلب المستخدم "إنشاء مشروع Next.js جديد"، أو "bootstrap Next.js with shadcn"، أو "إعداد تطبيق Next.js"، أو "إنشاء تطبيق دردشة AI"، أو "بدء مشروع React جديد باستخدام Tailwind"، أو يذكر إنشاء مشروع واجهة أمامية جديد باستخدام أدوات حديثة. المصدر: petekp/claude-code-setup.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplateقم بتشغيل بيئة تطوير Next.js جديدة باستخدام Tailwind CSS ومكونات shadcn/ui وواجهة المستخدم المساعدة لواجهات الدردشة المدعمة بالذكاء الاصطناعي. يُستخدم عندما يطلب المستخدم "إنشاء مشروع Next.js جديد"، أو "bootstrap Next.js with shadcn"، أو "إعداد تطبيق Next.js"، أو "إنشاء تطبيق دردشة AI"، أو "بدء مشروع React جديد باستخدام Tailwind"، أو يذكر إنشاء مشروع واجهة أمامية جديد باستخدام أدوات حديثة. المصدر: petekp/claude-code-setup.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/petekp/claude-code-setup