Codex workflow

Use Monet to turn visual review into a Codex-ready branch.

The Handoff Pack is the same pack you would give Claude Code, Cursor, or another coding agent. This page covers the Codex setup path: attach the pack, keep the task scoped, run checks, and verify the preview.

01

Create or update the website with Codex

Let Codex build the first version or take over an existing repo, then get the site running at a preview URL.

02

Review the preview in Monet

Capture the page, annotate visible issues, and write acceptance criteria for the changes Codex should make.

03

Attach the Handoff Pack to Codex

Give Codex the pack folder or paste the pack summary so it can inspect screenshots, DOM selectors, and review notes.

04

Ask Codex for a scoped branch

Have Codex implement only the annotated changes, run checks, and prepare a branch or pull request for review.

05

Verify the preview again

Deploy the Codex branch, re-capture the preview in Monet, and send unchanged annotations back if anything missed.

Use the same instruction

Use the Monet Handoff Pack as the source of truth.
Implement the annotated changes only.
Create a branch, run the project checks, and summarize what changed by annotation id.

Why Monet helps

Codex can reason through files, but it cannot guess which pixel you meant. The regular Handoff Pack carries screenshots, crops, selectors, and acceptance criteria so Codex can map visual feedback to code.

Back to the full workflow