debugging-with-chrome
OfficialDebug UI bugs with Chrome MCP tooling.
AuthorStartaleGroup
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Debugging UI issues across frontend apps can be time-consuming without live browser context. This skill enables systematic debugging using Chrome MCP tools to reproduce problems, inspect console messages, monitor network activity, and verify component behavior in a controlled environment.
Core Features & Use Cases
- End-to-end Chrome-based debugging workflows (setup, reproduction, investigation, fix, and verification) for UI issues.
- Real-time observation of console errors, network requests, and DOM state to pinpoint root causes.
- Guided steps that reduce guesswork and improve reproducibility across teams.
Quick Start
Launch Claude Code with the --chrome flag, open the test page, and start reproducing the issue.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: debugging-with-chrome Download link: https://github.com/StartaleGroup/app-sdk/archive/main.zip#debugging-with-chrome Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.