You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Annotate inline HTML renders in chat: click or draw on a region, comment, and have the agent revise that render in place
#17059
What I'd like
T3 Code can now render HTML and app screens inline in a thread, which is great for reviewing UI without leaving the chat. I'd like to be able to click or draw on a spot in one of those inline renders, leave a comment pinned to that spot, and have the agent regenerate that same render in place based on the comment. Claude Design works this way, and it's the main reason I still open it.
Why
Right now, giving feedback on an inline render means describing the location in words ("the second card's header") or taking a screenshot, marking it up in CleanShot or Shottr, and pasting it back in. Pinning a comment directly to the region removes that round trip and makes the target unambiguous.
How it could fit
The preview already supports annotations and comments through the element picker. This would bring the same idea to inline HTML renders in the thread:
Hover an inline render and pick an element, or drag a box or freehand mark over a region.
Type a comment for that spot. Several pins per render would be nice.
Send it. The agent gets the comment, the targeted element or region (selector and coordinates), and a cropped screenshot, then updates that render in place or as a new version next to the old one.
Open questions
Should a revision replace the render in place or show up as a new version with a before/after toggle?
Should freehand drawing come in a first version, or start with element picking and box selection only?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
What I'd like
T3 Code can now render HTML and app screens inline in a thread, which is great for reviewing UI without leaving the chat. I'd like to be able to click or draw on a spot in one of those inline renders, leave a comment pinned to that spot, and have the agent regenerate that same render in place based on the comment. Claude Design works this way, and it's the main reason I still open it.
Why
Right now, giving feedback on an inline render means describing the location in words ("the second card's header") or taking a screenshot, marking it up in CleanShot or Shottr, and pasting it back in. Pinning a comment directly to the region removes that round trip and makes the target unambiguous.
How it could fit
The preview already supports annotations and comments through the element picker. This would bring the same idea to inline HTML renders in the thread:
Open questions
Context: https://x.com/ahatzz11/status/2107698671299031317
I'm happy to take a stab at implementing it if the direction and scope look good.
All reactions