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

進行全面的前端設計審查，涵蓋 UI/UX 設計質量、設計系統驗證、可訪問性合規性、響應式設計模式、組件庫架構和視覺設計一致性。評估設計規範、Figma/Sketch 文件、設計令牌、交互模式和用戶體驗流程。識別可用性問題、可訪問性違規、設計系統偏差，並提供可行的改進建議。生成詳細的設計審查報告，其中包含嚴重程度評級的結果、可視化示例和實施指南。在審查前端設計、驗證設計系統、確保可訪問性合規性、評估組件庫、評估響應式設計，或當用戶提到設計審查、UI/UX 審查、Figma 審查、設計系統驗證、可訪問性審核或前端設計質量時使用。 來源：dauquangthanh/hanoi-rainbow。

查看原文