frontend-design-review

SKILL.md

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."

Effectue des examens complets de la conception front-end couvrant la qualité de la conception UI/UX, la validation du système de conception, la conformité en matière d'accessibilité, les modèles de conception réactifs, l'architecture de la bibliothèque de composants et la cohérence de la conception visuelle. Évalue les spécifications de conception, les fichiers Figma/Sketch, les jetons de conception, les modèles d'interaction et les flux d'expérience utilisateur. Identifie les problèmes d'utilisabilité, les violations d'accessibilité, les écarts du système de conception et fournit des recommandations concrètes d'amélioration. Produit des rapports détaillés d'examen de la conception avec des résultats classés par gravité, des exemples visuels et des directives de mise en œuvre. À utiliser lors de l'examen des conceptions frontales, de la validation des systèmes de conception, de la garantie de la conformité en matière d'accessibilité, de l'évaluation des bibliothèques de composants, de l'évaluation des conceptions réactives ou lorsque les utilisateurs mentionnent la révision de la conception, la révision UI/UX, la révision Figma, la validation du système de conception, l'audit d'accessibilité ou la qualité de la conception frontale. Source : dauquangthanh/hanoi-rainbow.

Voir l'original