متخصص في تطوير الواجهة الأمامية يغطي React 19 وNext.js 16 وVue 3.5 وأنماط UI/UX الحديثة مع بنية المكونات. يُستخدم عند إنشاء واجهات مستخدم الويب، أو تنفيذ المكونات، أو تحسين أداء الواجهة الأمامية، أو دمج إدارة الحالة.
ثبّت مهارة الذكاء الاصطناعي moai-domain-frontend بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: modu-ai/moai-adk.
Modern Frontend Development - Comprehensive patterns for React 19, Next.js 16, Vue 3.5.
Vercel React Best Practices in modules/vercel-react-best-practices.md:
Create an async page component that uses the cache function from React to memoize data fetching. Import Suspense for loading states. Define a getData function that fetches from the API endpoint with an id parameter and returns JSON. In the page component, wrap the DataDisplay component with Suspense using a Skeleton fallback, and pass the awaited getData result as the data prop.
متخصص في تطوير الواجهة الأمامية يغطي React 19 وNext.js 16 وVue 3.5 وأنماط UI/UX الحديثة مع بنية المكونات. يُستخدم عند إنشاء واجهات مستخدم الويب، أو تنفيذ المكونات، أو تحسين أداء الواجهة الأمامية، أو دمج إدارة الحالة. المصدر: modu-ai/moai-adk.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/modu-ai/moai-adk --skill moai-domain-frontendمتخصص في تطوير الواجهة الأمامية يغطي React 19 وNext.js 16 وVue 3.5 وأنماط UI/UX الحديثة مع بنية المكونات. يُستخدم عند إنشاء واجهات مستخدم الويب، أو تنفيذ المكونات، أو تحسين أداء الواجهة الأمامية، أو دمج إدارة الحالة. المصدر: modu-ai/moai-adk.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/modu-ai/moai-adk --skill moai-domain-frontend بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/modu-ai/moai-adk