أفضل الممارسات والأنماط لمكتبة مكون shadcn/ui (shadcn-ui سابقًا). يجب استخدام هذه المهارة عند كتابة مكونات shadcn/ui أو مراجعتها أو إعادة هيكلتها لضمان التصميم المناسب وإمكانية الوصول والأداء. يتم تشغيل المهام التي تتضمن عناصر Radix الأولية، أو تصميم Tailwind، أو التحقق من صحة النموذج باستخدام React Hook Form، أو جداول البيانات، أو السمات، أو أنماط تكوين المكونات.
ثبّت مهارة الذكاء الاصطناعي shadcn بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: thongdn-it/react-agent-skills.
Comprehensive best practices guide for shadcn/ui applications, maintained by the shadcn/ui community. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Accessibility Preservation | CRITICAL | ally- | | 3 | Styling & Theming | HIGH | style- | | 4 | Form Patterns | HIGH | form- | | 5 | Data Display | MEDIUM-HIGH | data- | | 6 | Component Composition | MEDIUM | comp- | | 7 | Performance Optimization | MEDIUM | perf- |
| 8 | State Management | LOW-MEDIUM | state- |
أفضل الممارسات والأنماط لمكتبة مكون shadcn/ui (shadcn-ui سابقًا). يجب استخدام هذه المهارة عند كتابة مكونات shadcn/ui أو مراجعتها أو إعادة هيكلتها لضمان التصميم المناسب وإمكانية الوصول والأداء. يتم تشغيل المهام التي تتضمن عناصر Radix الأولية، أو تصميم Tailwind، أو التحقق من صحة النموذج باستخدام React Hook Form، أو جداول البيانات، أو السمات، أو أنماط تكوين المكونات. المصدر: thongdn-it/react-agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcnأفضل الممارسات والأنماط لمكتبة مكون shadcn/ui (shadcn-ui سابقًا). يجب استخدام هذه المهارة عند كتابة مكونات shadcn/ui أو مراجعتها أو إعادة هيكلتها لضمان التصميم المناسب وإمكانية الوصول والأداء. يتم تشغيل المهام التي تتضمن عناصر Radix الأولية، أو تصميم Tailwind، أو التحقق من صحة النموذج باستخدام React Hook Form، أو جداول البيانات، أو السمات، أو أنماط تكوين المكونات. المصدر: thongdn-it/react-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/thongdn-it/react-agent-skills