Visual Reverse Engineering — select, implement, audit and test visual reverse for production Codex frontend work, with responsive and accessibility checks.
Installs into .claude/skills of the current project.
Are you the author of Ztx3 Visual Reverse?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/realjustawall-ztx3-visual-reverse)
---
name: ztx3-visual-reverse
description: "Visual Reverse Engineering — select, implement, audit and test visual reverse for production Codex frontend work, with responsive and accessibility checks."
---
# Visual Reverse Engineering
Obtain authorized observations of the reference: viewport-size screenshots, DOM computed styles if accessible, video/screen recordings of scroll states and performance traces. Build evidence matrix for layout geometry, text metrics, colors, effects and animation curves. Reimplement independently, respect rights, compare screen captures and mark unobserved behaviors as unknown.
## Workflow
1. Record explicit project requirements, business goal, content and accepted test budget.
2. Read `references/HANDBOOK.md` and pick precise technique Skill files, not the entire catalog.
3. Implement smallest meaningful working baseline, then add incremental enhancements.
4. Measure or inspect result with real devices and produce fallback.
5. Report verified/untested results. No MCP, no destructive overwrites.
## Core obligations
Create evidence table with screenshots/timecodes/measurements; reimplement independently; capture matched viewpoints.
Compare bounded image regions at identical viewport/scroll progress; log inferred vs observed.
## References
- `references/HANDBOOK.md` — full architecture and 11 deep techniques.
- Refer to `ztx3-<technique>` Skill for focused implementation and acceptance.
