Refines frontend user interfaces with real-time browser feedback and automated visual testing.
The Polish skill provides a high-fidelity feedback loop for frontend development by integrating Claude Code with the Chrome DevTools MCP. It enables developers to make incremental CSS and UI changes while immediately verifying the results through live browser navigation, automated screenshots, and interaction testing. By checking for console errors and testing responsiveness across mobile, tablet, and desktop breakpoints, it ensures that UI refinements are production-ready and visually consistent without the need for manual browser context switching.
主要功能
01Automated responsive testing across mobile, tablet, and desktop viewports
02Real-time visual verification using Chrome DevTools MCP integration
032 GitHub stars
04Interaction validation for hover states, clicks, and form inputs
05Integrated console error monitoring to catch regressions during styling
06Systematic 'Capture-Edit-Verify' loop with full-page screenshots
使用场景
01Fine-tuning the layout and styling of newly generated frontend components
02Debugging and fixing responsive design issues on specific device sizes
03Verifying complex UI interactions and theme transitions in a live environment
