Vibeside MCP
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Features and capabilities supported by this server
Protocol revision2025-11-25
| Capability | Details |
|---|---|
| tools | {
"listChanged": true
} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| vibeside_connectA | Connect to existing or active Chrome/Edge browser via CDP (supports ports 9315, 9222, etc.) with existing sessions and cookies. |
| vibeside_navigateB | Navigate the active browser to a URL (e.g. http://localhost:3000, https://github.com) using existing logged-in sessions. |
| vibeside_telemetry_getC | Retrieve buffered runtime console errors, uncaught exceptions, React hydration errors, and failed network requests from the active dev page without manual copy-pasting. |
| vibeside_telemetry_clearB | Clear all cached console logs, runtime errors, and network failure records. |
| vibeside_inspect_componentA | Inspect a UI element to resolve its exact React Fiber or Vue component name, source file path, and line number for precise vibe-coding edits. |
| vibeside_clickC | Click an element on the active page by CSS selector or text. |
| vibeside_typeC | Type text into an input or textarea element. |
| vibeside_screenshotC | Capture a viewport, full-page, or specific element screenshot. |
| vibeside_dom_snapshotB | Get a clean interactive DOM snapshot of the active page (headings, buttons, links, inputs) for quick AI comprehension. |
| vibeside_evalC | Evaluate an arbitrary JavaScript expression in the browser context. |
| vibeside_hmr_telemetryC | Query live HMR dev server events, compiler errors, warnings, rebuild latency, and dev server status for Vite, Next.js, Webpack, and Nuxt. |
| vibeside_hmr_clearB | Clear all cached HMR dev server telemetry events, compiler errors, and rebuild duration records. |
| vibeside_extract_stylesB | Extract computed CSS styles, matched stylesheet rules, box model metrics, and suggested Tailwind utility classes for an element. |
| vibeside_override_styleB | Live-override CSS styles on an element in the active page for instant vibe-coding experimentation. |
| vibeside_visual_diffB | Compare visual diff between a baseline screenshot/image and the current page or DOM element. Detects UI regressions, layout shifts, pixel mismatch percentage, and diff bounding box with highlighted diff image. |
| vibeside_compare_visual_diffC | Alias for vibeside_visual_diff: Compare visual diff between a baseline screenshot/image and the current page or DOM element. |
| vibeside_perceptual_hashA | Compute perceptual hashes (dHash, aHash, blockhash) of the current page, a DOM element, or an input image to track visual changes over time. |
| vibeside_list_tabsA | List all open browser tabs and targets with their index, ID, URL, title, viewport, and active state. |
| vibeside_switch_tabB | Switch the active tab by tab index (0, 1, ...), target ID, URL substring/pattern, or title pattern. |
| vibeside_new_tabB | Open a new browser tab, optionally navigate to an initial URL, and automatically set active focus. |
| vibeside_close_tabA | Close an open browser tab by index, target ID, or URL pattern (defaults to active tab). If closing the only tab, automatically ensures a clean tab remains open. |
| vibeside_inspect_storageB | Inspect cookies, localStorage, sessionStorage, and IndexedDB on the active dev page with JSON parsing, bounding limits, and credential masking. |
| vibeside_mutate_storageC | Set, delete, or clear storage items across cookies, localStorage, sessionStorage, or IndexedDB. |
| vibeside_mock_routeB | Intercept and mock network HTTP/GraphQL requests in the browser with custom status, body, latency, or network faults. |
| vibeside_list_mock_routesA | List all active network route interceptor mock rules and hit count statistics. |
| vibeside_clear_mock_routesB | Clear all active network mock rules or remove a specific rule by ID. |
| vibeside_emulate_pseudo_stateB | Force CSS pseudo-classes (hover, focus, active, visited, focus-within, focus-visible, target) on an element using CDP or synthetic fallback. |
| vibeside_clear_pseudo_statesB | Clear forced CSS pseudo-classes from a specific element selector or across the entire document. |
| vibeside_autofill_formB | Smart one-click form autofill using realistic English/Korean locale data, field heuristics, and custom value overrides. |
| vibeside_inspect_form_validationA | Inspect HTML5 constraint validation states across all fields in a form or container (validity flags, messages, valid/invalid counts). |
| vibeside_record_sessionC | Control offline telemetry recording lifecycle (start, pause, resume, stop, clear, or get recording status and event metrics). |
| vibeside_export_sessionB | Export recorded telemetry session to NDJSON, JSON bundle, pure Node.js USTAR TAR, or compressed TAR.GZ with safe disk path traversal defense. |
| vibeside_import_sessionB | Import recorded telemetry session from file or inline string/base64 (.json, .ndjson, .tar, .tar.gz) for offline time-travel debugging. |
| vibeside_time_travel_inspectB | Reconstruct and inspect browser and runtime telemetry state at any point in time by sequence, timestamp, percentage, or jumping to errors. |
| vibeside_observe_dom_mutationsC | Observe live DOM mutations, evaluate sliding-window mutation rates, and detect re-render storm hotspots in frontend applications. |
| vibeside_observe_layout_shiftsB | Observe real-time Cumulative Layout Shift (CLS) telemetry, Core Web Vitals rating (good/needs_improvement/poor), and rank culprit shifting DOM elements. |
| vibeside_observe_long_tasksB | Observe main-thread Long Tasks (>50ms), compute estimated Total Blocking Time (TBT), and evaluate Core Web Vitals responsiveness rating. |
| vibeside_clear_dom_telemetryB | Clear in-memory DOM mutations, layout shifts, or long tasks telemetry buffer across active page and observer. |
| vibeside_spawn_browserC | Launch Chrome or Edge instance with remote debugging port enabled (default: 9315) and zero-zombie lifecycle management. |
| vibeside_browser_statusB | Inspect Chrome/Edge daemon spawner status, active process ID, CDP reachability, and profile directories. |
| vibeside_stop_browserA | Terminate the spawned Chrome/Edge daemon process and clean up temporary user data profiles. |
| vibeside_create_profileC | Create a new isolated browser profile directory and configuration in the vault. |
| vibeside_list_profilesB | List all browser vault profiles with storage metrics and active status. |
| vibeside_switch_profileB | Switch active browser profile with optional browser restart or hot session restore. |
| vibeside_delete_profileB | Safely delete a browser profile and all associated session snapshots. |
| vibeside_save_session_snapshotB | Capture active browser cookies and web storage into an encrypted vault snapshot (DPAPI or AES-256-GCM). |
| vibeside_restore_session_snapshotB | Decrypt and restore cookies and web storage snapshot into active browser page. |
| vibeside_list_session_snapshotsB | List all encrypted session snapshots across profiles with metadata. |
| vibeside_delete_session_snapshotC | Safely delete an encrypted session snapshot file from the vault. |
| vibeside_emulate_deviceC | Emulate mobile, tablet, or desktop device viewport, userAgent, touch, pixel ratio, and color scheme. |
| vibeside_reset_emulationB | Reset viewport, device emulation, and optional network/CPU throttling to default desktop state. |
| vibeside_capture_viewport_matrixB | Capture responsive audit across device presets (mobile, tablet, desktop) and detect horizontal layout overflow. |
| vibeside_throttle_networkB | Emulate network conditions (2G, 3G, 4G, 5G, DSL, Wi-Fi, Fiber, Satellite, custom, none) via CDP. |
| vibeside_throttle_cpuB | Emulate CPU slowdown rate (1x to 20x) via CDP Emulation domain. |
| vibeside_get_emulation_statusA | Get current device emulation, viewport, network profile, and CPU throttling status. |
| vibeside_list_network_profilesA | List available network condition profiles (2G, 3G, 4G, 5G, DSL, Wi-Fi, Fiber, Satellite) with category filtering and bandwidth specs. |
| vibeside_benchmark_networkB | Benchmark network latency (RTT), jitter, and effective throughput on the active page. |
| vibeside_cluster_statusB | Inspect multi-browser cluster worker pool status, active/idle workers, queue metrics, and configuration. |
| vibeside_cluster_configureB | Configure worker pool limits (minWorkers, maxWorkers, idleTimeoutMs, maxTasksPerWorker, strategy, headless). |
| vibeside_cluster_scaleB | Manually scale the browser worker pool up or down to target worker count. |
| vibeside_cluster_dispatchB | Dispatch a batch of parallel browser tasks (navigate, screenshot, extract, evaluate) across the worker pool. |
| vibeside_cluster_shutdownB | Terminate all cluster worker browser processes and clean up temporary profiles with zero-zombie guarantee. |
| vibeside_inspect_media_streamsB | Inspect HTML5 video/audio elements and WebRTC streams with playback quality and buffer health telemetry. |
| vibeside_capture_video_frameA | Capture the current frame of an HTML5 video element as base64 PNG or JPEG image with dimensions and timestamp. |
| vibeside_observe_media_eventsB | Query buffered HTML5 media events (play, pause, waiting, stalled, frame-drop-spike, error) with sliding-window filtering. |
| vibeside_clear_media_telemetryB | Clear buffered HTML5 media telemetry events from memory. |
| vibeside_audit_accessibilityB | Execute comprehensive automated WCAG 2.2 AA / AAA accessibility audit across contrast, keyboard, aria, forms, images, structure, and target-size categories. |
| vibeside_get_accessibility_treeB | Extract hierarchical Chrome Accessibility (AX) tree with role breakdown, depth pruning, and uninteresting node filtering. |
| vibeside_inspect_contrastB | Inspect WCAG 2.2 color contrast ratio between foreground and background with sRGB linearization and accessible color suggestions. |
| vibeside_inspect_aria_elementB | Deep inspection of a single DOM element for WAI-ARIA 1.2/1.3 compliance, computing explicit/implicit role, accessible name computation trace, and focusability. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
No resources | |
TDQS
Scored across 70 tools
Most tools target distinct resources/actions, but there are clear overlaps: vibeside_compare_visual_diff is an explicit alias for vibeside_visual_diff, vibeside_capture_viewport_matrix overlaps with vibeside_screenshot, and vibeside_inspect_contrast overlaps with vibeside_audit_accessibility. With 70 tools, an agent can usually pick correctly, but these collisions create real misselection risk.
All tools share the vibeside_ prefix and snake_case, which helps, but verb placement is inconsistent: verb_noun (inspect_contrast, list_tabs) versus noun_verb (telemetry_get, hmr_clear, cluster_status, media_events). The mixed ordering makes the set less predictable than a single convention would be.
70 tools is far beyond what this domain warrants; the calibration explicitly treats 50+ tools as an extreme mismatch. Many adjacent tools (e.g., multiple telemetry clears, multiple status tools) could be consolidated without losing capability.
The surface is broad and lifecycle-complete: browser lifecycle, profiles, tabs, DOM/CSS/accessibility inspection, telemetry, HMR, storage, mocks, emulation, throttling, clusters, and media. Minor gaps like keyboard key events, scrolling, or explicit wait/assert operations exist, but core workflows are well covered.