Fix UI Bug with Chrome DevTools CLI

This skill uses the chrome-devtools-cli skill for all browser interactions. Invoke /chrome-devtools-cli if you need help with command syntax or flags.

Diagnostic scripts are in the scripts/ directory. To use them: read the script file, customize the selector for the specific bug, then pass the content to chrome-devtools evaluate_script.

Input

• Page URL or description (REQUIRED): The URL, Storybook story, or page description where the bug reproduces (e.g., http://localhost:6006/iframe.html?id=..., "Settings page").
• Suspected element (optional): CSS selector, component name, or description (e.g., .save-btn, "save button overlay").
• Interaction type (optional): What triggers the bug -- click, hover, drag, scroll, resize, animation.

Procedure

0. Verify Chrome DevTools Connection