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


