·nextjs-shadcn-builder
</>

nextjs-shadcn-builder

✓
ovachiever/droid-tingsGitHub: ovachiever/droid-tingsالمصدر: ovachiever/droid-tings

أنشئ تطبيقات Next.js جديدة أو قم بترحيل الواجهات الأمامية الحالية (React وVue وAngular وvanilla JS وما إلى ذلك) إلى Next.js + shadcn/ui مع التحليل والتحويل المنهجي. يفرض مبادئ تصميم shadcn - متغيرات CSS للموضوعات، ومكونات واجهة المستخدم القياسية، ولا توجد قيم مضمنة، وطباعة/ألوان متسقة. يُستخدم لإنشاء تطبيقات Next.js، أو ترحيل الواجهات الأمامية، أو اعتماد shadcn/ui، أو توحيد مكتبات المكونات. يتضمن تكامل MCP لتوثيق shadcn والتحليل الآلي لقاعدة التعليمات البرمجية.

ovachiever·nextjs·shadcn·builder
171التثبيتات·2الرائج·@ovachiever

التثبيت

GitHub: ovachiever/droid-tings
$npx skills add https://github.com/ovachiever/droid-tings --skill nextjs-shadcn-builder

كيفية تثبيت nextjs-shadcn-builder

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

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

المصدر: ovachiever/droid-tings.

SKILL.md

عرض النص الخام

Build production-grade Next.js applications or systematically migrate existing frontends to Next.js + shadcn/ui following strict design principles and best practices.

Phase 1: Codebase Analysis Automated analysis of existing frontend to understand scope and complexity.

Phase 2: Migration Planning Create systematic conversion plan with prioritized batches.

أنشئ تطبيقات Next.js جديدة أو قم بترحيل الواجهات الأمامية الحالية (React وVue وAngular وvanilla JS وما إلى ذلك) إلى Next.js + shadcn/ui مع التحليل والتحويل المنهجي. يفرض مبادئ تصميم shadcn - متغيرات CSS للموضوعات، ومكونات واجهة المستخدم القياسية، ولا توجد قيم مضمنة، وطباعة/ألوان متسقة. يُستخدم لإنشاء تطبيقات Next.js، أو ترحيل الواجهات الأمامية، أو اعتماد shadcn/ui، أو توحيد مكتبات المكونات. يتضمن تكامل MCP لتوثيق shadcn والتحليل الآلي لقاعدة التعليمات البرمجية. المصدر: ovachiever/droid-tings.

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

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

أمر التثبيت
npx skills add https://github.com/ovachiever/droid-tings --skill nextjs-shadcn-builder
المصدر
ovachiever/droid-tings
الفئة
</>أدوات التطوير
موثق
✓
أول ظهور
2026-02-01
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/ovachiever/droid-tings/nextjs-shadcn-builder

Browse more skills from ovachiever/droid-tings

إجابات سريعة

ما هي nextjs-shadcn-builder؟

أنشئ تطبيقات Next.js جديدة أو قم بترحيل الواجهات الأمامية الحالية (React وVue وAngular وvanilla JS وما إلى ذلك) إلى Next.js + shadcn/ui مع التحليل والتحويل المنهجي. يفرض مبادئ تصميم shadcn - متغيرات CSS للموضوعات، ومكونات واجهة المستخدم القياسية، ولا توجد قيم مضمنة، وطباعة/ألوان متسقة. يُستخدم لإنشاء تطبيقات Next.js، أو ترحيل الواجهات الأمامية، أو اعتماد shadcn/ui، أو توحيد مكتبات المكونات. يتضمن تكامل MCP لتوثيق shadcn والتحليل الآلي لقاعدة التعليمات البرمجية. المصدر: ovachiever/droid-tings.

كيف أثبّت nextjs-shadcn-builder؟

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

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

https://github.com/ovachiever/droid-tings

التفاصيل

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

مهارات ذات صلة

security-auditor
365 التثبيتات
react-hook-form-zod
179 التثبيتات
deep-reading-analyst
96 التثبيتات
react-native-expo
77 التثبيتات
threejs-graphics-optimizer
71 التثبيتات
tailwind-v4-shadcn
63 التثبيتات