연결

Visual Feedback Loop (Eyes)

mintuzbymintuz
•
14
•
디자인 도구

Captures website screenshots using Playwright MCP to facilitate collaborative UI debugging and visual refinements with real-time verification.

The Eyes skill establishes a structured visual feedback loop between Claude and developers by leveraging Playwright MCP tools. It enables Claude to see the application's current state, capture specific element screenshots, and gather precise feedback on UI elements that are difficult to describe through text alone. By following a rigorous workflow of capture, proposal, confirmation, and verification, it ensures that frontend changes—such as CSS adjustments or layout fixes—align perfectly with user expectations before code is modified.

주요 기능

01Responsive testing via browser resizing capabilities
02Structured 'Capture-Fix-Verify' workflow for UI refinements
03Automated screenshot capture using Playwright MCP integration
04Side-by-side visual comparison for before-and-after validation
05Accessibility snapshot analysis to understand DOM structure
0614 GitHub stars

사용 사례

01Debugging complex CSS layout issues and responsive design breakpoints
02Collaborative UI polish sessions requiring precise visual feedback
03Verifying frontend bug fixes through automated visual regression checks