Claude Code workflow

Use Monet to give Claude Code visual feedback it can execute.

The Handoff Pack is the same pack you would give Codex, Cursor, or another coding agent. This page is only about getting the pack and preview into a Claude Code workflow cleanly.

Workflow

Build the first draft in Claude Code

Ask Claude Code to create or edit the website in your local repo, then run the app and deploy a preview URL.

Capture the preview in Monet

Point Monet at the deployed preview, crawl the site, and annotate the exact layout, copy, accessibility, and SEO changes.

Export a Handoff Pack

Save the pack beside the repo or share it into the Claude Code session so Claude can read the screenshots, selectors, and notes.

Ask Claude Code to implement the pack

Tell Claude Code to inspect the Handoff Pack, make the annotated changes, run checks, and summarize each annotation it addressed.

Deploy and verify in Monet

After Claude Code changes the repo, deploy again and use Monet Verify to confirm the marked regions changed.

Use the same instruction

Read the Monet Handoff Pack in ./monet-handoff.
Implement the annotated fixes only.
For each annotation, explain the file changed and how the acceptance criteria were met.
Run the available checks before you stop.

Keep the request scoped. Monet does not make a Claude-specific pack; Claude Code should treat the regular Handoff Pack as the source of truth.

When this path is best

Use this workflow when Claude Code has access to the same repo that produced the preview. Monet supplies the visual target. Claude Code supplies the code edits, tests, and deployment-ready patch.

Back to the full workflow