أنشئ واجهات مستخدم جميلة ويمكن الوصول إليها باستخدام مكونات shadcn/ui في Next.js. استخدم عند الإنشاء النماذج أو مربعات الحوار أو الجداول أو الأشرطة الجانبية أو أي مكونات لواجهة المستخدم. يغطي التثبيت، المكون الأنماط ونموذج الخطاف التفاعلي + التحقق من Zod وإعداد الوضع المظلم. ليس عند إنشاء تطبيقات غير React أو استخدام مكتبات مكونات مختلفة.
ثبّت مهارة الذكاء الاصطناعي styling-with-shadcn بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: mjunaidca/mjs-agent-skills.
Build beautiful, accessible UIs with copy-paste components built on Radix UI and Tailwind CSS.
See references/component-examples.md for complete form with Select, Textarea.
See references/component-examples.md for full DataTable with sorting/pagination.
أنشئ واجهات مستخدم جميلة ويمكن الوصول إليها باستخدام مكونات shadcn/ui في Next.js. استخدم عند الإنشاء النماذج أو مربعات الحوار أو الجداول أو الأشرطة الجانبية أو أي مكونات لواجهة المستخدم. يغطي التثبيت، المكون الأنماط ونموذج الخطاف التفاعلي + التحقق من Zod وإعداد الوضع المظلم. ليس عند إنشاء تطبيقات غير React أو استخدام مكتبات مكونات مختلفة. المصدر: mjunaidca/mjs-agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcnأنشئ واجهات مستخدم جميلة ويمكن الوصول إليها باستخدام مكونات shadcn/ui في Next.js. استخدم عند الإنشاء النماذج أو مربعات الحوار أو الجداول أو الأشرطة الجانبية أو أي مكونات لواجهة المستخدم. يغطي التثبيت، المكون الأنماط ونموذج الخطاف التفاعلي + التحقق من Zod وإعداد الوضع المظلم. ليس عند إنشاء تطبيقات غير React أو استخدام مكتبات مكونات مختلفة. المصدر: mjunaidca/mjs-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcn بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/mjunaidca/mjs-agent-skills