Skill UI

Controls Chrome via the DevTools MCP to navigate pages, interact with elements, inspect console and network data, capture snapshots/screenshots, and record performance traces for live web debugging and profiling tasks.

Diagnose and fix Claude in Chrome MCP extension connectivity hiccups on macOS by toggling native messaging hosts, inspecting sockets, and running the provided toggle script whenever Claude Code CLI or Claude.app Cowork tools report “Browser extension is not connected” or behave erratically.

Master the complete lifecycle of building professional, cross-browser browser extensions for Chrome and Firefox. This expertise covers modern extension architecture, implementing Manifest V3 (MV3), developing content scripts, service workers, and popup UIs. Furthermore, it includes strategies for extension monetization and successful publishing on the Chrome Web Store, ensuring the built tool solves real-world user problems.

Automates cross-browser compatibility verification by orchestrating BrowserStack, Selenium Grid, or Playwright runs across Chrome, Firefox, Safari, and Edge, capturing screenshots/logs and producing a report when requested via `/browser-test`/`/bt` to confirm web app behavior across devices.

Comprehensive Go guidance for browser automation and web scraping using Rod’s direct Chrome DevTools Protocol integration plus stealth anti-detection patterns, ideal for headless SPA testing, concurrent scraping, and request interception.

This guide establishes a comprehensive and rapid development loop for Obsidian plugins. It covers the entire workflow, from setup (cloning templates, symlinking) to advanced features, including running esbuild in watch mode, achieving hot-reloading (via Ctrl+R or automatic methods), deep debugging with Chrome DevTools, and running unit tests with vitest. Essential for developers seeking fast feedback and reliable plugin iteration.

This skill validates web applications across diverse browsers (Chromium, Gecko, WebKit) and real mobile devices. It supports both local testing using Playwright and scalable cloud testing via major platforms like BrowserStack, Sauce Labs, and Kobiton. Use it when ensuring consistent UI/UX, correct CSS rendering, and functional JavaScript behavior regardless of the target environment or device type.

Expert skill for building modern, production-ready Chrome Extensions using Manifest V3 standards. Covers advanced topics including service worker management, content script injection, secure cross-context communication (message passing), and implementing best practices like `declarativeNetRequest` and secure storage APIs.

A guide to diagnosing and fixing connectivity conflicts between Claude's native messaging protocols (MCP) in Chrome. This is essential when using both Claude.app (Cowork) and Claude Code CLI, as they use conflicting native host configurations. Provides necessary shell commands and toggle scripts to ensure only one host is active.

A comprehensive toolset for debugging and testing web applications in live browsers using Chrome DevTools MCP. It allows agents to inspect the DOM, capture console errors, analyze network traffic, profile performance, and verify visual output, bridging the gap between static analysis and real runtime execution. Essential for UI debugging and end-to-end testing.

This skill provides expert-level control over a live Chrome browser. It enables full web automation (clicking, form filling, navigation), deep debugging (analyzing console logs, network requests), visual inspection (screenshots, snapshots), and detailed performance profiling. Ideal for QA engineers, web scraping, and front-end development testing.

This skill enables advanced interaction with browser automation using the Chrome DevTools Protocol (CDP). Use it when the user needs to explicitly connect to a running browser instance, scan for available CDP ports, specify a fixed debug port, or share a single browser session across multiple tools. It is designed for advanced automation scenarios, distinct from simple browser launching.