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

Conduce revisioni complete della progettazione frontend che coprono la qualità della progettazione UI/UX, la convalida del sistema di progettazione, la conformità dell'accessibilità, i modelli di progettazione reattivi, l'architettura della libreria dei componenti e la coerenza della progettazione visiva. Valuta le specifiche di progettazione, i file Figma/Sketch, i token di progettazione, i modelli di interazione e i flussi di esperienza dell'utente. Identifica problemi di usabilità, violazioni di accessibilità, deviazioni del sistema di progettazione e fornisce consigli attuabili per il miglioramento. Produce rapporti dettagliati di revisione della progettazione con risultati classificati in base alla gravità, esempi visivi e linee guida di implementazione. Da utilizzare durante la revisione di progetti frontend, la convalida di sistemi di progettazione, la garanzia della conformità all'accessibilità, la valutazione delle librerie di componenti, la valutazione di progetti reattivi o quando gli utenti menzionano la revisione del progetto, la revisione dell'interfaccia utente/UX, la revisione di Figma, la convalida del sistema di progettazione, il controllo dell'accessibilità o la qualità della progettazione del frontend. Fonte: dauquangthanh/hanoi-rainbow.