Community Plugin

website-debug

Frontend website debugging toolkit with browser automation, visual verification, and self-debugging capabilities. Includes specialized agents for CSS, JavaScript, responsive testing, and performance analysis.

1.0.0

Updated 17 days ago

Capabilities

Commands

Agents

Skills

Hooks

MCP Servers

Install

Add the repository(one-time)

/plugin marketplace add AnthemFlynn/ccmp

Install the plugin

/plugin install website-debug@AnthemFlynn/ccmp

Component Details

Stats

Stars00123456789

MaintenanceGood

Last Commit17 days ago

Links

View on GitHub

View README

Plugin Marketplace JSON

Similar Plugins

code-review

Automated code review for pull requests using multiple specialized agents with confidence-based scoring

46.0K

pr-review-toolkit

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

website-debug

Similar Plugins

code-review

pr-review-toolkit

feature-dev

learning-output-style

website-debug

/browser-eval<javascript expression>haiku1 toolsExecute JavaScript in the browser's page context. Great for inspecting DOM, computed styles, or testing fixes.

/browser-start--profile | --webkit | --headlesshaiku1 toolsStart Chrome or WebKit browser with debugging enabled. Use --profile to preserve logins, --webkit for Safari testing.

/browser-close--forcehaiku1 toolsClose the browser session gracefully. Use --force to kill all Chrome processes.

/debug-pageurlsonnet3 toolsStart a debugging session for a webpage. Launches browser, takes screenshot, and checks for errors.

/diagnoseselectoropus1 toolsRun comprehensive diagnostics on an element or the entire page. Checks CSS, JS errors, accessibility, and more.

/domselector | --treehaiku1 toolsInspect DOM structure. Get page summary, element HTML, or tree visualization.

/fix-css<selector> [issue description]sonnet3 toolsDiagnose and fix CSS issues for a specific element. Uses the css-debugger agent for expert analysis.

/nav<url> [--new]haiku1 toolsNavigate the browser to a URL. Use --new to open in new tab.

/perfsonnet1 toolsAnalyze page performance - load times, DOM size, memory, and large resources.

/pick-elementmessage to displaysonnet1 toolsLaunch interactive element picker for user to select DOM elements. Returns selectors and computed styles.

/resize--mobile | --tablet | --desktop | width heighthaiku1 toolsResize browser viewport. Use presets like --mobile or custom dimensions.

/screenshot--full | --selector=".class"haiku1 toolsTake a screenshot of the current browser viewport. Use --full for full page, --selector for specific element.

/test-responsiveurlsonnet1 toolsTest responsive design across mobile, tablet, and desktop viewports. Takes screenshots at each breakpoint.

/verify-changessonnet2 toolsVerify frontend changes after editing code. Takes screenshot, checks for errors, and reports results.

/watch-console--errors | --warningshaiku1 toolsWatch browser console in real-time. Shows errors, warnings, and logs as they happen.

/watch-network--failures | --xhrhaiku1 toolsWatch network requests in real-time. Great for debugging API calls.

Similar Plugins

code-review

pr-review-toolkit

feature-dev

learning-output-style