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.

This skill covers the end-to-end development of cross-browser extensions (Chrome, Firefox). Expertise includes mastering Manifest V3, structuring complex architecture (service workers, content scripts), managing local/sync storage, building user interfaces, and implementing monetization models. Ideal for building robust, production-ready tools and navigating store publishing policies.

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.

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

This skill generates Mermaid diagrams to create visual organizational tools specifically designed for neurodivergent individuals, particularly those with ADHD. It helps externalize executive functions, reducing cognitive overwhelm by breaking down complex tasks into compassionate, manageable micro-steps. The tool auto-detects signs of distress and supports multiple accessibility modes (e.g., colorblind-safe, monochrome), making it useful for project planning, decision mapping, and personal productivity tracking.

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.

This guide provides comprehensive steps for deploying TwinMind integrations into production environments. It covers configuring the Chrome extension, setting up mobile app access, and managing API keys. TwinMind utilizes advanced AI models (including Ear-3 for transcription and GPT-4/Claude/Gemini for summarization) to provide real-time meeting transcription, summarization, and action item extraction. Ideal for professional teams managing high-volume AI meeting operations.

This comprehensive guide details the setup and authentication process for the TwinMind AI suite. It covers installing the Chrome extension, setting up mobile applications, integrating with Google/Microsoft calendars, and configuring API access. Use this skill when initializing TwinMind into a professional workflow for automated meeting transcription, note-taking, and data synchronization.

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.