frontend-design-review

This skill provides expert guidance for conducting thorough frontend design reviews, covering UI/UX design quality, design system consistency, accessibility compliance, and responsive design patterns. The skill helps identify design issues early in the development lifecycle, ensuring designs meet quality standards, accessibility requirements, and business objectives before implementation.

2. Create Detailed Findings Report See design-review-report-template.md for comprehensive report structure

Be Specific: Don't say "improve contrast". Say "Body text on blue background has 3.8:1 contrast, needs 4.5:1. Darken text to #1a1a1a or lighten background."

إجراء مراجعات شاملة لتصميم الواجهة الأمامية تغطي جودة تصميم واجهة المستخدم/تجربة المستخدم، والتحقق من صحة نظام التصميم، والامتثال لإمكانية الوصول، وأنماط التصميم سريعة الاستجابة، وبنية مكتبة المكونات، واتساق التصميم المرئي. يقيم مواصفات التصميم وملفات Figma/Sketch ورموز التصميم وأنماط التفاعل وتدفقات تجربة المستخدم. يحدد مشكلات قابلية الاستخدام، وانتهاكات إمكانية الوصول، وانحرافات نظام التصميم، ويقدم توصيات قابلة للتنفيذ من أجل التحسين. يُنتج تقارير مفصلة لمراجعة التصميم مع نتائج مصنفة حسب الخطورة وأمثلة مرئية وإرشادات التنفيذ. يُستخدم عند مراجعة تصميمات الواجهة الأمامية، أو التحقق من صحة أنظمة التصميم، أو ضمان الامتثال لإمكانية الوصول، أو تقييم مكتبات المكونات، أو تقييم التصميمات سريعة الاستجابة، أو عندما يذكر المستخدمون مراجعة التصميم، أو مراجعة UI/UX، أو مراجعة Figma، أو التحقق من صحة نظام التصميم، أو تدقيق إمكانية الوصول، أو جودة تصميم الواجهة الأمامية. المصدر: dauquangthanh/hanoi-rainbow.