ما هي nextjs-shadcn؟
إنشاء واجهات Next.js 16 الأمامية باستخدام shadcn/ui. يُستخدم عند إنشاء واجهات مستخدم React أو مكونات أو صفحات أو تطبيقات باستخدام أنماط shadcn أو Tailwind أو الواجهة الأمامية الحديثة. المصدر: laguagu/claude-code-nextjs-skills.
·nextjs-shadcn
</>
nextjs-shadcn
✓laguagu/claude-code-nextjs-skillsGitHub: laguagu/claude-code-nextjs-skillsالمصدر: laguagu/claude-code-nextjs-skills
إنشاء واجهات Next.js 16 الأمامية باستخدام shadcn/ui. يُستخدم عند إنشاء واجهات مستخدم React أو مكونات أو صفحات أو تطبيقات باستخدام أنماط shadcn أو Tailwind أو الواجهة الأمامية الحديثة.
كيفية تثبيت nextjs-shadcn
ثبّت مهارة الذكاء الاصطناعي nextjs-shadcn بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill nextjs-shadcn
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: laguagu/claude-code-nextjs-skills.
SKILL.md
عرض النص الخامBuild distinctive, production-grade interfaces that avoid generic "AI slop" aesthetics.
Always use @/ alias (e.g., @/lib/utils) instead of relative paths (../../lib/utils).
Use proxy.ts for request interception (replaces middleware). Place at project root:
إنشاء واجهات Next.js 16 الأمامية باستخدام shadcn/ui. يُستخدم عند إنشاء واجهات مستخدم React أو مكونات أو صفحات أو تطبيقات باستخدام أنماط shadcn أو Tailwind أو الواجهة الأمامية الحديثة. المصدر: laguagu/claude-code-nextjs-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill nextjs-shadcn- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-11
إجابات سريعة
كيف أثبّت nextjs-shadcn؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill nextjs-shadcn بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/laguagu/claude-code-nextjs-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01