[Resource]: #516
Description
Display Name
claude-eyes
Category
Tooling
Sub-Category
None
Primary Link
https://github.com/ridxm/claude-eyes
Author Name
ridxm
Author Link
License
MIT
Other License
No response
Description
MCP server that gives Claude Code browser vision for frontend development. Claude can take screenshots, read console errors, capture network requests, and interact with page elements to verify its own UI fixes autonomously.
Validate Claims
- Install chromium:
npx playwright install chromium - Add to
.mcp.json:{"mcpServers":{"claude-eyes":{"command":"npx","args":["claude-eyes"]}}} - Start any local dev server
- Ask Claude to navigate and take a screenshot - it will return an actual image Claude can see
Specific Task(s)
Have Claude navigate to a running frontend, take a screenshot, and check for console errors - all without you opening a browser.
Specific Prompt(s)
Navigate to http://localhost:3000, take a screenshot, and tell me if there are any console errors.
Additional Comments
Built to solve a real pain point: Claude writes frontend code but can't see what it built. This creates endless back-and-forth where you manually check the browser and report results. claude-eyes closes that loop - Claude can now verify its own fixes.
Recommendation Checklist
- I have checked that this resource hasn't already been submitted
- My resource provides genuine value to Claude Code users, and any risks are clearly stated
- All provided links are working and publicly accessible
- I am submitting only ONE resource in this issue
- I understand that low-quality or duplicate submissions may be rejected