Press the keys to navigate to the next or previous product.
d

dev-browser

A Claude Skill to give your agent the ability to use a web browser

dev-browser is a specialized browser shell engineered specifically for web development, testing, and debugging. Equipped with built-in network inspection grids, CSS injectors, console filters, and multi-device view ports, it replaces the need for open devtools panels.

Key Features of dev-browser

  • Side-by-Side Multi-Device Views: Render active pages on mobile, tablet, and desktop viewports simultaneously in a single workspace.
  • Built-in Network Interceptor: Easily inspect headers, edit parameters, and mock API payloads without external proxies.
  • Local Storage Manager: Directly view and modify cookies, session variables, and indexedDB entries via sidebar tabs.
  • Console Event Streams: Consolidated terminal logs that group warnings, network errors, and javascript exceptions.

Benefits of Using dev-browser

  • Maximize Display Space: Save valuable desktop space by integrating devtools functions directly into the browser viewport.
  • Simplify Responsive Auditing: Instantly view how code changes affect different viewport configurations without manual resizing.
  • Accelerate Diagnostics: Quick-access tools allow developers to mock states and isolate frontend bugs in seconds.

For developers building custom visual AI tools, dev-browser provides a browser interface for AI agents, allowing testers to automate complex end-to-end user flows.

Tags:

PlaywrightChromiumWASMBrowser AutomationAI Agents
Previous Tool Next Tool