·frontend-code-review
</>

frontend-code-review

إجراء مراجعات شاملة لرموز الواجهة الأمامية، بما في ذلك تحليل مكونات React/Vue/Angular، وتقييم جودة TypeScript/JavaScript، ومراجعة CSS/التصميم، وتحسين الأداء، والامتثال لإمكانية الوصول، ونقاط الضعف الأمنية، والتحقق من أفضل الممارسات. يُنتج تقارير مراجعة مفصلة تحتوي على مشكلات محددة وتقييمات خطورة وتوصيات قابلة للتنفيذ. يُستخدم عند مراجعة كود الواجهة الأمامية، أو تحليل مكونات React/Vue/Angular، أو التحقق من جودة JavaScript/TypeScript، أو التحقق من صحة CSS/SCSS، أو تقييم أداء الويب، أو عندما يذكر المستخدمون "مراجعة كود الواجهة الأمامية"، أو "التحقق من مكونات React"، أو "تحليل JavaScript"، أو "مراجعة TypeScript"، أو "التحقق من إمكانية الوصول"، أو "جودة كود الواجهة الأمامية".

12التثبيتات·0الرائج·@dauquangthanh

التثبيت

$npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-code-review

كيفية تثبيت frontend-code-review

ثبّت مهارة الذكاء الاصطناعي frontend-code-review بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-code-review
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: dauquangthanh/hanoi-rainbow.

Systematically review frontend code to identify issues, ensure quality, and provide actionable improvement recommendations across code quality, performance, accessibility, and security dimensions.

Load references/code-quality-checklist.md for detailed quality criteria, common issues, and fixes with code examples

Load references/performance-checklist.md for detailed optimization techniques and Web Vitals guidelines with code examples

إجراء مراجعات شاملة لرموز الواجهة الأمامية، بما في ذلك تحليل مكونات React/Vue/Angular، وتقييم جودة TypeScript/JavaScript، ومراجعة CSS/التصميم، وتحسين الأداء، والامتثال لإمكانية الوصول، ونقاط الضعف الأمنية، والتحقق من أفضل الممارسات. يُنتج تقارير مراجعة مفصلة تحتوي على مشكلات محددة وتقييمات خطورة وتوصيات قابلة للتنفيذ. يُستخدم عند مراجعة كود الواجهة الأمامية، أو تحليل مكونات React/Vue/Angular، أو التحقق من جودة JavaScript/TypeScript، أو التحقق من صحة CSS/SCSS، أو تقييم أداء الويب، أو عندما يذكر المستخدمون "مراجعة كود الواجهة الأمامية"، أو "التحقق من مكونات React"، أو "تحليل JavaScript"، أو "مراجعة TypeScript"، أو "التحقق من إمكانية الوصول"، أو "جودة كود الواجهة الأمامية". المصدر: dauquangthanh/hanoi-rainbow.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-code-review
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from dauquangthanh/hanoi-rainbow

إجابات سريعة

ما هي frontend-code-review؟

إجراء مراجعات شاملة لرموز الواجهة الأمامية، بما في ذلك تحليل مكونات React/Vue/Angular، وتقييم جودة TypeScript/JavaScript، ومراجعة CSS/التصميم، وتحسين الأداء، والامتثال لإمكانية الوصول، ونقاط الضعف الأمنية، والتحقق من أفضل الممارسات. يُنتج تقارير مراجعة مفصلة تحتوي على مشكلات محددة وتقييمات خطورة وتوصيات قابلة للتنفيذ. يُستخدم عند مراجعة كود الواجهة الأمامية، أو تحليل مكونات React/Vue/Angular، أو التحقق من جودة JavaScript/TypeScript، أو التحقق من صحة CSS/SCSS، أو تقييم أداء الويب، أو عندما يذكر المستخدمون "مراجعة كود الواجهة الأمامية"، أو "التحقق من مكونات React"، أو "تحليل JavaScript"، أو "مراجعة TypeScript"، أو "التحقق من إمكانية الوصول"، أو "جودة كود الواجهة الأمامية". المصدر: dauquangthanh/hanoi-rainbow.

كيف أثبّت frontend-code-review؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-code-review بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/dauquangthanh/hanoi-rainbow