Turn a webpage link or screenshot into a usable offline HTML sandbox.
This repository provides a Codex skill designed for pixel-level UI reconstruction.
It helps AI agents analyze webpage structure, clarify intent, and generate a stable HTML sandbox that can be edited locally.
Recreating webpages from screenshots or broken HTML often fails because:
- layout hierarchy is unclear
- sticky / fixed regions are misinterpreted
- overlays and masks break scrolling
- AI rewrites the entire file instead of patching
This skill enforces an engineering workflow:
- analyze structure before styling
- identify sticky / fixed regions
- clarify user intent in plain language
- patch instead of rewriting
- generate a stable offline HTML sandbox
Input:
- webpage link
- screenshot
- partial UI reference
The skill will:
- analyze page structure
- ask minimal clarification questions
- lock module boundaries
- generate an offline HTML sandbox
- allow safe iterative patches