Codex CSS Layout Debug for FenBrowser Rendering Mismatches
Compare a screenshot, DOM dump, and runtime evidence to locate the earliest incorrect stage of the layout pipeline.
中文Install in Codex
Codex, the pinned FenBrowser checkout, and matching screenshot, DOM, and runtime evidence.
- Copy the pinned `.codex/skills/css-layout-debug/` directory into the project's `.agents/skills/`.
- Invoke `$css-layout-debug` and supply the screenshot, `dom_dump.txt`, and relevant logs.
Example task
Reproduce a misplaced right-aligned item in a local two-column grid. Ask whether its position is incorrect before painting starts.What to check
The report identifies the symptom, earliest incorrect stage, relevant code, and narrow verification.
Original SKILL.md on GitHub · Updated
Frequently asked question
Is a screenshot enough to identify the cause?
Use it to establish the symptom, then correlate it with DOM and runtime evidence.