asume21 avatar

Webear

asume21/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 tools

Public 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_URL

URL of your dev server where WebEar middleware is mounted

CODEDSWITCH_API_KEY*secret

API key from codedswitch.com for audio analysis

Readme

webear

npm version npm downloads License: MIT MCP Compatible

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


View the full README on GitHub

Details

Repository
github.com/asume21/webear
Category
Media & Entertainment
Package
webear
Transport
STDIO
Auth
Required
Registry
MCP registry, active

Related Media & Entertainment MCP servers

View all
1earonesty avatarcaptcha.cc Human Verificationearonesty/captchaHuman verification CAPTCHA with visual and selective-listening audio challenges.0stars
2chrischall avatarMusicbrainz Mcpchrischall/musicbrainz-mcpMusicBrainz MCP — search/browse music metadata, cover art, and submit tags/ratings/collections0stars
3cloudcorprecords avatarInstadatacloudcorprecords/instadataInstagram public data as JSON: profile by handle, latest posts, and comments on a post or reel.0stars
4cloudcorprecords avatarPixelgradecloudcorprecords/pixelgradeCheck a page's Meta, TikTok and OpenAI pixels: grades, findings, reports and fix guides.0stars
5heista-co avatarHeistaheista-co/heista-mcpDecode video ads, load brand intelligence, generate ad scripts.0stars
652choujiang avatarSocialDataX 快手 Kuaishou MCPcom.52choujiang/kuaishou-insightsKuaishou hot, suggestions, video/user search, details, comments/replies, profiles/posts, transcript.0stars