See your agent’s work. Steer what’s next.

Explore UI prototypes, interactive explainers, and design docs from your agent. Click directly on what needs attention, leave anchored notes, and refine the result together.

The r3 navbar above a highlighted button and its review thread: the user requests a 16px button margin, the agent confirms the change, and a draft asks to decrease the margin back to 8px.The r3 navbar above a highlighted button and its review thread: the user requests a 16px button margin, the agent confirms the change, and a draft asks to decrease the margin back to 8px.

Ask your agent to make something.

Create a project-creation form so I can review the visibility settings.

Publish an HTML artifact to r3.

Created a working prototype with project details and visibility controls.

The artifact can be viewed at http://localhost:8891/artifact_example.

UI Prototype in the real r3 workspace, with the agent’s revision and a linked feedback thread. UI Prototype in the real r3 phone layout.
UI Prototype in the real r3 workspace, with the agent’s revision and a linked feedback thread. UI Prototype in the real r3 phone layout.
Try the demo →

Install the skill to try it with your agent

npx skills add hyperlogue/r3 --skill publish-artifacts-to-r3 --global

Other ways to install →

A clearer conversation.
From first version to finished work.

Comment on the work. Send it to your agent.

Click a button, heading, or input and leave a note. Collect your feedback, then send it to your agent in one batch, with the exact element and viewport context.

Follow the reply. Keep every version.

Your agent replies in the same thread and publishes revisions as new versions. Earlier versions stay available, so you can revisit the original and open the latest when you’re ready.

See the fix, side by side.

Once your agent publishes a revision, open Compare from the reply. Check the original beside the fix to see whether it solves the problem.

Attach images in comments.

Attach screenshots, sketches, or design mockups directly to your feedback to show your agent the intended design.

Comment on the exact video frame.

Pause anywhere in a clip, highlight a region, and leave a note. The captured timestamp and still frame give your agent unambiguous visual context.

Start iterating visually with your agent

See your agent’s work. Steer what’s next.

Install the skill to try it with your agent

npx skills add hyperlogue/r3 --skill publish-artifacts-to-r3 --global

Other ways to install →