Media
6 items
Description
Point at elements, comment, attach screenshots — feedback returns to Claude, Codex, Cursor or any MCP agent as review data. TagLoop closes the loop between your AI coding agent and a human reviewer. Your agent (Claude Code, Codex, Cursor, Gemini CLI, Antigravity or any MCP-compatible tool) asks for a UI review. TagLoop opens the review checklist right on the page you're testing. You point at elements, comment, and submit — the agent receives structured review data (stable CSS selectors, element metadata, screenshots, your comments) and fixes the code. Then it asks you to verify. HOW A REVIEW WORKS • Your agent calls the request_tagloop_feedback MCP tool with a task checklist. • The extension shows the checklist on the reviewed page; each task can deep-link to the exact element. • Click any element to attach a comment. TagLoop records a stable CSS selector plus the element's tag, classes, attributes and visible text, so the agent can find the owning source code precisely. • Submit — everything returns to the agent as one structured result. FEATURES • Element picking with automatic per-element screenshots. • Reference images — paste a mockup next to a comment so the agent sees what was intended. • Voice notes: hold Ctrl+Space, speak, release — the transcript lands in the comment box (transcription via your own Groq API key, optional). • Review checklist with per-task notes and completion state. • Comment markers — overlay your existing feedback on the page. • Remote (mailbox) reviews: share a one-session reviewer code with a teammate or client — no account, no API key needed on their side. • Feedback rounds with diffs, so the agent can check whether its fixes landed. SECURITY • You connect the extension to your own TagLoop server with your own API key; a reviewer code grants access to exactly one session. • Reviewer text is scanned for prompt-injection attempts before it reaches your agent; suspicious items are flagged. • Screenshots are served through signed, retention-limited URLs and expire automatically. REQUIREMENTS TagLoop works together with a TagLoop server and an MCP-compatible AI coding agent. Sign up (or self-host) to get an API key, then add the TagLoop MCP server to your agent — setup instructions are shown in the dashboard for each supported agent. WHAT'S NEW IN 1.0.3 • Related elements keep multi-element instructions together under one primary feedback item. • Mark up image adds arrows, rectangles, freehand strokes and numbered typed or dictated comments to element screenshots and reference images. • XPath is included with element metadata; an optional computed-style snapshot adds bounded layout and visual context. • optional calculated css styles included with element metadata. WHAT'S NEW IN 1.0.2 • Toolbar popup with setup instructions. Clicking the TagLoop icon used to do nothing, which made the extension look broken — TagLoop runs in a DevTools panel, and nothing told you that. The popup now walks you through opening DevTools (mouse and keyboard, including the macOS shortcut) and finding the TagLoop tab, which can hide behind the DevTools overflow menu. • Consistent look between popup and panel. The popup now draws its colors, spacing and typography from the same design tokens as the DevTools panel, so the two surfaces stay visually in step.