ah-fix-dom-flash
Fix DOM Flash/Flicker Bugs
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.
Detects elements that briefly appear in wrong positions due to timing races between framework-level DOM manipulation (e.g., @dnd-kit, Framer Motion, GSAP) and React's async re-render cycle.
Input
- Page URL or description (REQUIRED): The URL, Storybook story where the bug reproduces, or a description of the page (e.g., "Product page", "Drag-and-drop story").
- Suspected element (optional): CSS selector, component name, or description of the flashing element (e.g.,
[data-dnd-overlay], "drag overlay", "tooltip"). - Interaction type (optional): What triggers the flash -- drag-and-drop, click, hover, keyboard, or animation.
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