تصميم وبناء مكونات واجهة المستخدم على مستوى الإنتاج لتطبيقات Docyrus React باستخدام مكتبات المكونات المفضلة. يُستخدم عند إنشاء لوحات المعلومات أو النماذج أو جداول البيانات أو التخطيطات أو أي عناصر واجهة مستخدم. تشغيل المهام التي تتضمن اختيار المكونات، أو تصميم واجهة المستخدم، أو إنشاء لوحة المعلومات، أو تصميم التخطيط، أو shadcn، أو diceui، أو animate-ui، أو docyrus-ui، أو مكونات reui، أو طلبات إنشاء واجهات المستخدم.
ثبّت مهارة الذكاء الاصطناعي docyrus-app-ui-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: docyrus/agent-skills.
Build polished, accessible UI components for Docyrus React applications using a curated set of 127+ pre-built components from shadcn, diceui, animate-ui, docyrus-ui, and reui libraries.
| Dashboard cards | AwesomeCard | docyrus | | App navigation | Sidebar | animate-ui | | Data tables | DataTable | diceui | | Editable grids | Data Grid | docyrus | | Forms | Form Fields | docyrus | | File upload | File Upload | diceui | | Charts | Chart + Recharts | shadcn | | Dialogs | Responsive Dialog | diceui |
| Date picker | Date Time Picker | docyrus | | Color picker | Color Picker | diceui | | Kanban board | Kanban | diceui | | Timeline | Timeline | diceui | | Rating | Rating | diceui |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-designتصميم وبناء مكونات واجهة المستخدم على مستوى الإنتاج لتطبيقات Docyrus React باستخدام مكتبات المكونات المفضلة. يُستخدم عند إنشاء لوحات المعلومات أو النماذج أو جداول البيانات أو التخطيطات أو أي عناصر واجهة مستخدم. تشغيل المهام التي تتضمن اختيار المكونات، أو تصميم واجهة المستخدم، أو إنشاء لوحة المعلومات، أو تصميم التخطيط، أو shadcn، أو diceui، أو animate-ui، أو docyrus-ui، أو مكونات reui، أو طلبات إنشاء واجهات المستخدم. المصدر: docyrus/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/docyrus/agent-skills