Skills
.Work. You
Rest

ah-fix-dom-flash

Official

Detect and debug DOM flash/flicker with Chrome DevTools.

Software Engineering#debugging#frontend#chrome-devtools#detect#flicker#dom-flash
Authorarinhubcom
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The skill detects and debugs DOM flash/flicker artifacts that occur when UI updates race with rendering, causing brief misplacements, ghost elements, or visual glitches.

Core Features & Use Cases

  • Detects and records overlays, portals, and animated elements that flash due to lifecycle timing.
  • Reproduces and logs one-frame flashes and position-lost events using a Chrome DevTools CLI workflow.
  • Works with the bundled detectors in scripts/flash-detector.js and the collector in scripts/collect-flash-results.js, and can be configured via window.__flashDetectorConfig.

Quick Start

Run the flash detector on a page and collect results to identify the root cause.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ah-fix-dom-flash
Download link: https://github.com/arinhubcom/arinhub-dev-skills/archive/main.zip#ah-fix-dom-flash

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.