Open your first room

Patchrooms for Codex

Add visual feedback to your Codex app

Codex is OpenAI’s coding agent that plans and edits code across your repository. Patchrooms layers element-anchored feedback on top, so every comment turns into agent-ready context.

Open your first room

Why Codex teams need visual feedback

  • Codex acts on your repo, so it needs unambiguous instructions about what to change and where.
  • Free-text bug reports leave the agent guessing which component is at fault.
  • Patchrooms attaches a selector, screenshot, and goal to every report.
  • Codex then edits the right code path instead of hunting through the tree.

How Patchrooms works with Codex

  1. Embed Patchrooms on your preview

    Add the script to the build your team reviews.

  2. Capture element-anchored reports

    Reviewers click to comment; Patchrooms records the selector and context.

  3. Hand the report to Codex

    Export Markdown and include it in your Codex task. A direct MCP integration is planned.

Add it in one prompt

Paste a script tagAdd in one prompt

Ask Codex to wire Patchrooms in for you — paste this prompt:

Add the Patchrooms review widget. Insert this script tag into the HTML entry point before the closing </body> tag, exactly as written:

…then give it the snippet below. It loads on the live preview and turns on artifact-review mode — pinpoint comments anchored to the elements your reviewers click.

<script src="https://cdn.patchrooms.com/v1/patchrooms.js"
        data-project-key="pr_xxx"
        data-source="codex"
        data-mode="artifact-review"></script>

Review workflow

Share the preview link with your team or client. Anyone clicks an element, leaves a comment, and Patchrooms captures the selector, a screenshot, and the page context. Every comment carries a status — new, triaged, in-progress, closed — so nothing falls through the cracks. See the full UI review workflow.

Export feedback to your AI agent

Each report exports as clean Markdown with the element selector, a screenshot reference, and the artifact goal and constraints. Paste it straight into Codex and the agent fixes the exact issue — this is the heart of AI artifact review. A Patchrooms MCP server that lets agents read reports directly is planned, and a @patchrooms/react package is coming for tighter React integration.

FAQ

How do I send Patchrooms feedback to Codex?
Export the report as Markdown and add it to your Codex task as context. Direct reads via a Patchrooms MCP server are planned.