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.

원본 보기