I got tired of explaining to my AI coding assistant what my web app’s audio sounded like or why the CSS was off, so I built Web Perception.
It connects your browser tab directly to your IDE’s AI assistant (Cursor, Windsurf, Claude Code) via the Model Context Protocol.
What it does:
- 
WebEar: captures tab audio, counts BPM, checks clipping, profiles EQ.
- 
WebEye: records canvases & videos, visually spots layout bugs.
- 
WebSense: tracks frame drops, layout shifts, audio latency.
Try it out (free & open-source):
