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。

查看原文