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

Проводит комплексные проверки внешнего интерфейса, охватывающие качество дизайна UI/UX, проверку системы дизайна, соответствие требованиям доступности, шаблоны адаптивного дизайна, архитектуру библиотеки компонентов и согласованность визуального дизайна. Оценивает спецификации дизайна, файлы Figma/Sketch, токены дизайна, шаблоны взаимодействия и потоки взаимодействия с пользователем. Выявляет проблемы с удобством использования, нарушения доступности, отклонения системы проектирования и предоставляет практические рекомендации по улучшению. Создает подробные отчеты о проверке проекта с выводами по степени серьезности, наглядными примерами и рекомендациями по реализации. Используйте при проверке дизайна внешнего интерфейса, проверке систем дизайна, обеспечении соответствия доступности, оценке библиотек компонентов, оценке адаптивного дизайна или когда пользователи упоминают проверку дизайна, проверку UI/UX, проверку Figma, проверку системы дизайна, аудит доступности или качество дизайна внешнего интерфейса. Источник: dauquangthanh/hanoi-rainbow.