Processes screenshot-based UI/UX feedback to systematically identify and resolve visual issues across frontend components.
The UI/UX Visual Feedback skill enables Claude to act as a visual QA engineer by analyzing screenshots and descriptive UI complaints to pinpoint styling, layout, and component-level issues. It follows a rigorous multi-phase process—from visual analysis and styling system detection (Tailwind, CSS Modules, etc.) to root cause identification and systematic verification—ensuring that visual fixes are applied consistently across the entire codebase rather than just as isolated patches. This skill is essential for maintaining design system integrity and closing the gap between visual design and implementation.
주요 기능
01Comprehensive visual verification checklist for responsive and state testing
022,561 GitHub stars
03Systematic root cause analysis for layout, state, and consistency bugs
04Multi-scope fixing options from targeted patches to system-wide updates
05Automated visual analysis of screenshots and UI descriptions
06Detection of styling systems including Tailwind, CSS Modules, and CSS-in-JS
사용 사례
01Transforming UI components like inputs into dropdowns based on visual mockups
02Correcting layout misalignments based on visual 'before and after' references
03Fixing inconsistent button styles or typography across multiple app pages
