ah-fix-ui-bug
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
More from arinhubcom/arinhub
ah-submit-code-review
Use this skill to submit code review when using the "ah" prefix. Use when asked to "ah submit code review 123". Submit a completed code review with line-specific comments and suggestions to a GitHub PR.
21ah-review-code
Use this skill to review code when using the "ah" prefix. Use when asked to "ah review code" or "ah review code 123". Review code for correctness, maintainability, and adherence to project standards. Supports local branch changes and remote Pull Requests (by ID or URL).
19ah-verify-requirements-coverage
Use this skill to verify requirements coverage when using the "ah" prefix. Use when asked to "ah verify requirements coverage", "ah verify requirements coverage issue 42", "ah verify requirements coverage PR 123", or "ah verify requirements coverage PR 123, issue 42". Verify that a PR or local changes fully implement requirements from a linked GitHub issue.
19arinhub-submit-code-review
Use this skill to submit code review when using the "ah" prefix. Use when asked to "ah submit code review 123", or "ah submit code review to PR 123". Submit a completed code review with line-specific comments and suggestions to a GitHub PR.
12arinhub-verify-requirements-coverage
Use this skill to verify requirements when using the "ah" prefix. Use when asked to "ah verify requirements", "ah verify requirements issue 42", "ah verify requirements PR 123", or "ah verify requirements PR 123, issue 42". Verify that a PR or local changes fully implement requirements from a linked GitHub issue.
12arinhub-code-reviewer
Use this skill to review code when using the "ah" prefix. Use when asked to "ah review code", "ah review code 123", or "ah review PR 123". Review code for correctness, maintainability, and adherence to project standards. Supports local branch changes and remote Pull Requests (by ID or URL).
11