Capture UI Before After

Capture comparable before-and-after UI evidence at the same route, viewport, data, theme, and interaction state.

HomenShum 49f3345 3 files · 2.0 KB Updated

File contents

Capture UI before and after

Read the execution contract before starting. Validate the final receipt with its parameterized verification.argv, replacing {python}, {skill_dir}, and {receipt} with concrete local values.

Before editing, capture the reachable current interface and record route, viewport, theme, session class, fixture, trigger, console, and network state. Box only the intended change regions and name out-of-scope neighbors.

After editing, replay the identical state and capture after pixels plus empty, loading, error, populated, overflow, and responsive states promised by the contract. Compare neighboring regions for drift. DOM proves semantics; pixels prove appearance; neither alone proves the other.

HomenShum/codex-claude-cursor-setup/tree/main/templates/project/.agents/skills/capture-ui-before-after commit 49f33456ca

Frequently asked questions

npx skillmds@latest add homenshum/capture-ui-before-after