home/categories/debugging/hermeticormus-libreuiux-claude-code-plugins-mcp-integrations-skills-browser-devtools-mcp-skill-md
debuggingtools

browser-devtools-mcp

Integrating Chrome DevTools and browser automation via MCP for live UI inspection, screenshot-to-code workflows, and visual debugging. Bridges the gap between design and implementation.

HermeticOrmus
maintainer
HermeticOrmus
์—…๋ฐ์ดํŠธ๋จ 12/28/2025
์Šคํƒ€
5
ํฌํฌ
0
quick start

Installation and usage

Integrating Chrome DevTools and browser automation via MCP for live UI inspection, screenshot-to-code workflows, and visual debugging. Bridges the gap between design and implementation.

์„ค์น˜
$ install --globalskills.sh
์‚ฌ์šฉ๋ฒ•

์„ค์น˜ ํ›„ ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜์—ฌ ์ด ์Šคํ‚ฌ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

skills use browser-devtools-mcp