يُستخدم عند مراجعة كود React/الواجهة الأمامية لمشاكل الأداء، أو قبل أعمال التحسين، أو عندما يكون تحميل الصفحة بطيئًا (> 3 ثوانٍ)، أو عندما يبلغ المستخدمون عن تأخر واجهة المستخدم، أو عند إعداد عمليات نشر الإنتاج التي تتطلب التحقق من صحة الأداء
ثبّت مهارة الذكاء الاصطناعي frontend-performance-reviewer بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: jarrodmedrano/jarrod-claude-skills.
Measure first, optimize second. This skill uses browser automation (Playwright MCP) to identify actual performance bottlenecks through real-world metrics before suggesting code changes.
Core principle: Never optimize without measurement. Static code review misses 60-80% of real performance issues.
If you cannot complete Phase 1 (Measure) with Playwright MCP, STOP.
يُستخدم عند مراجعة كود React/الواجهة الأمامية لمشاكل الأداء، أو قبل أعمال التحسين، أو عندما يكون تحميل الصفحة بطيئًا (> 3 ثوانٍ)، أو عندما يبلغ المستخدمون عن تأخر واجهة المستخدم، أو عند إعداد عمليات نشر الإنتاج التي تتطلب التحقق من صحة الأداء المصدر: jarrodmedrano/jarrod-claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill frontend-performance-reviewerيُستخدم عند مراجعة كود React/الواجهة الأمامية لمشاكل الأداء، أو قبل أعمال التحسين، أو عندما يكون تحميل الصفحة بطيئًا (> 3 ثوانٍ)، أو عندما يبلغ المستخدمون عن تأخر واجهة المستخدم، أو عند إعداد عمليات نشر الإنتاج التي تتطلب التحقق من صحة الأداء المصدر: jarrodmedrano/jarrod-claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill frontend-performance-reviewer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/jarrodmedrano/jarrod-claude-skills