يجب استخدام هذه المهارة عندما يريد المستخدم تحسين أداء الواجهة الأمامية لـ Next.js باستخدام أفضل ممارسات Lighthouse وتحليل الحزم والرسوم المتحركة. يُستخدم عند تشخيص الصفحات البطيئة، أو تحسين حجم الحزمة، أو تحسين مؤشرات الويب الأساسية (LCP، TBT، CLS).
ثبّت مهارة الذكاء الاصطناعي frontend-performance بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: b-open-io/prompts.
Important: Always test production builds (next build && next start), not dev mode. Dev mode has 2-10x overhead from HMR, source maps, and no optimizations.
For libraries with many exports (icons, utilities, animation libraries):
This ensures tree-shaking works correctly - only imports you use get bundled.
يجب استخدام هذه المهارة عندما يريد المستخدم تحسين أداء الواجهة الأمامية لـ Next.js باستخدام أفضل ممارسات Lighthouse وتحليل الحزم والرسوم المتحركة. يُستخدم عند تشخيص الصفحات البطيئة، أو تحسين حجم الحزمة، أو تحسين مؤشرات الويب الأساسية (LCP، TBT، CLS). المصدر: b-open-io/prompts.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/b-open-io/prompts --skill frontend-performanceيجب استخدام هذه المهارة عندما يريد المستخدم تحسين أداء الواجهة الأمامية لـ Next.js باستخدام أفضل ممارسات Lighthouse وتحليل الحزم والرسوم المتحركة. يُستخدم عند تشخيص الصفحات البطيئة، أو تحسين حجم الحزمة، أو تحسين مؤشرات الويب الأساسية (LCP، TBT، CLS). المصدر: b-open-io/prompts.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/b-open-io/prompts --skill frontend-performance بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/b-open-io/prompts