PageLens

概要

PageLens revolutionizes frontend development with AI coding agents by giving them 'eyes' on your application. It eliminates the tedious manual loop where agents make code changes, and developers must manually observe browser output, describe visual issues, or copy console errors. By launching a headless browser pointed at your dev server, PageLens passively collects logs and network errors while exposing a rich set of tools—screenshots, clicking, typing, DOM inspection, and visual diffing—that any MCP-compatible AI agent can call directly, fostering a truly autonomous frontend development workflow.

主な機能

• Zero-configuration setup, integrating with AI agents via a single command.
• Passive collection of console logs and network errors, available on demand.
• Automated screenshots after every interaction (click, type, navigate) for instant visual feedback.
• Built-in visual diffing with baseline comparison, pixel analysis, and change percentage.
• Interactive tools including click, type, scroll, hover, and DOM inspection, plus a toggle for live debugging.
• 2 GitHub stars

ユースケース

• Empowering AI coding agents (e.g., Claude Code, Cursor) to autonomously develop and debug frontend applications.
• Automating visual regression testing during AI-driven frontend development cycles.
• Streamlining the feedback loop for AI agents by providing direct visual and console information, eliminating manual intervention.