Capture
Select and adjust elements in the running app.
Give your coding agentclear UI feedback.
Select an element, describe the change, and give your agent the visual edit and source context to implement it.
Select an element, describe the change, and give your agent the visual edit and source context to implement it.
{
"id": "vdt_a81k2m",
"receivedAt": "2026-10-07T12:30:00.000Z",
"url": "http://localhost:5173/pricing",
"viewport": { "width": 1280, "height": 800 },
"note": "Bring the plan cards closer together.",
"changes": [
{
"element": {
"tag": "section",
"selector": "main > section.plans",
"text": "Starter · Team · Scale",
"source": {
"file": "src/pages/Pricing.tsx",
"line": 42,
"column": 5
}
},
"edits": [
{ "property": "gap", "from": "32px", "to": "20px", "kind": "style" }
]
}
]
}Intent + source + observed change