
Webear
Taps into your browser's Web Audio API output and lets Claude analyze what your app is actually rendering in real time. Installs as Express middleware in your dev server, captures audio from the AudioContext graph (not your microphone), then exposes four tools: capture_audio for recording clips, analyze_audio for signal metrics like RMS, spectral centroid, frequency bands, and clipping, describe_audio for plain English summaries, and diff_audio to compare two captures. Works with raw Web Audio, Tone.js, or Three.js audio setups. Requires a CodedSwitch API key for the analysis backend. Useful when you need Claude to hear that your bass is muddy or your timing is drifting without exporting files or recording through a mic.
- tools
- 18
- auth
- Secret needed
- transport
- STDIO
- env vars
- 2
- last updated
- Mar 28, 2026
Tools
18 toolsPublic tool metadata for what this MCP can expose to an agent.
capture_audioRecord live tab audio
Record live tab audio
No parameter schema in public metadata yet.
analyze_audioBPM, loudness, frequency bands, clipping, dynamic range
BPM, loudness, frequency bands, clipping, dynamic range
No parameter schema in public metadata yet.
describe_audioAI plain-English description — instruments, genre, mood, mix notes
AI plain-English description — instruments, genre, mood, mix notes
No parameter schema in public metadata yet.
diff_audioCompare two captures — loudness, tone, timing deltas
Compare two captures — loudness, tone, timing deltas
No parameter schema in public metadata yet.
groove_scoreGrid alignment, swing factor, consistency (0–100%)
Grid alignment, swing factor, consistency (0–100%)
No parameter schema in public metadata yet.
capture_and_analyzeCapture + analysis in one call
Capture + analysis in one call
No parameter schema in public metadata yet.
mix_coachStructured mixing feedback
Structured mixing feedback
No parameter schema in public metadata yet.
capture_videoRecord canvas/video from the tab
Record canvas/video from the tab
No parameter schema in public metadata yet.
describe_videoAI visual description — layout, colors, bugs
AI visual description — layout, colors, bugs
No parameter schema in public metadata yet.
diff_visualsCompare two visual captures
Compare two visual captures
No parameter schema in public metadata yet.
capture_telemetryFPS, memory, layout shifts, audio latency
FPS, memory, layout shifts, audio latency
No parameter schema in public metadata yet.
analyze_telemetryFrame drops, memory pressure, audio underruns
Frame drops, memory pressure, audio underruns
No parameter schema in public metadata yet.
capture_nerveAPI timings, connection quality, storage size
API timings, connection quality, storage size
No parameter schema in public metadata yet.
analyze_nerveSlow APIs, connection quality, storage bloat
Slow APIs, connection quality, storage bloat
No parameter schema in public metadata yet.
capture_shieldCookies, CSP, storage exposure, framing
Cookies, CSP, storage exposure, framing
No parameter schema in public metadata yet.
analyze_shieldCORS issues, non-HttpOnly cookies, missing CSP
CORS issues, non-HttpOnly cookies, missing CSP
No parameter schema in public metadata yet.
capture_logsConsole output + uncaught exceptions
Console output + uncaught exceptions
No parameter schema in public metadata yet.
analyze_logsError patterns, stack traces, repeated warnings
Error patterns, stack traces, repeated warnings
No parameter schema in public metadata yet.
Sponsors
Configuration
WEBEAR_BASE_URLURL of your dev server where WebEar middleware is mounted
CODEDSWITCH_API_KEY*secretAPI key from codedswitch.com for audio analysis
Readme
webear
Give your AI real senses — hear, see, and feel any web app.
An MCP server + browser SDK that gives AI coding assistants direct sensory access to a live web application. Audio, visuals, performance, network, security, and console — captured from the browser, analyzed in real time, delivered via MCP.
"The beat sounds muddy" → your AI captures 3 seconds, measures the spectral centroid at 580 Hz with 45% energy below 250 Hz, and tells you exactly why.
AI Web Perception Demo
What It Does
Details
- Repository
- github.com/asume21/webear
- Category
- Media & Entertainment
- Package
webear- Transport
- STDIO
- Auth
- Required
- Registry
- MCP registry, active