يجب استخدام هذه المهارة عند تحسين التصميم المرئي وجماليات تطبيقات الويب Next.js. فهو يوفر مكونات حديثة لواجهة المستخدم وأنماط التصميم ولوحات الألوان والرسوم المتحركة وقوالب التخطيط. استخدم هذه المهارة لمهام مثل تحسين التصميم، أو إنشاء تصميمات سريعة الاستجابة، أو تنفيذ أنماط واجهة المستخدم الحديثة، أو إضافة رسوم متحركة، أو اختيار أنظمة الألوان، أو إنشاء واجهات أمامية مبهجة من الناحية الجمالية.
ثبّت مهارة الذكاء الاصطناعي frontend-enhancer بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: auldsyababua/instructor-workflow.
The Frontend Enhancer skill transforms Next.js applications into visually stunning, modern web experiences. It provides production-ready components, comprehensive design guidelines, curated color palettes, smooth animations, and flexible layout templates optimized for responsiveness and accessibility.
Use pre-built, production-ready React components with multiple variants and states:
Use pre-designed, responsive layout patterns for common page sections:
يجب استخدام هذه المهارة عند تحسين التصميم المرئي وجماليات تطبيقات الويب Next.js. فهو يوفر مكونات حديثة لواجهة المستخدم وأنماط التصميم ولوحات الألوان والرسوم المتحركة وقوالب التخطيط. استخدم هذه المهارة لمهام مثل تحسين التصميم، أو إنشاء تصميمات سريعة الاستجابة، أو تنفيذ أنماط واجهة المستخدم الحديثة، أو إضافة رسوم متحركة، أو اختيار أنظمة الألوان، أو إنشاء واجهات أمامية مبهجة من الناحية الجمالية. المصدر: auldsyababua/instructor-workflow.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/auldsyababua/instructor-workflow --skill frontend-enhancerيجب استخدام هذه المهارة عند تحسين التصميم المرئي وجماليات تطبيقات الويب Next.js. فهو يوفر مكونات حديثة لواجهة المستخدم وأنماط التصميم ولوحات الألوان والرسوم المتحركة وقوالب التخطيط. استخدم هذه المهارة لمهام مثل تحسين التصميم، أو إنشاء تصميمات سريعة الاستجابة، أو تنفيذ أنماط واجهة المستخدم الحديثة، أو إضافة رسوم متحركة، أو اختيار أنظمة الألوان، أو إنشاء واجهات أمامية مبهجة من الناحية الجمالية. المصدر: auldsyababua/instructor-workflow.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/auldsyababua/instructor-workflow --skill frontend-enhancer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/auldsyababua/instructor-workflow