HXRV – AI-Ready Visual Review

Most feedback tools collect comments. HXRV turns them into a fix pipeline.

Reviewers click any element on the live page to pin a comment. Threads are discussed and resolved Figma-style. Then, instead of leaving a pile of tasks for a human to decipher, HXRV exports every open comment as a structured Markdown brief – selectors, element text, warnings included – ready to be handed directly to an AI coding agent such as Claude Code. The agent locates the template, the engineer reviews the diff, the reviewer checks the box.

What makes HXRV different

• AI-ready export. The fix brief records each comment’s CSS selector, an excerpt of the element’s text, dynamic-content warnings (”this pin sits inside a posts loop – fix the template, not the content”), and anchor-lost notices. An AI coding agent can grep your theme and go straight to the right file. No other feedback tool produces agent-consumable output.
• Element-anchored pins. Most tools store pins as page coordinates, so they drift on responsive layouts. HXRV anchors comments to the element itself: CSS selector plus a relative offset inside it. Pins follow their element at any viewport width.
• Three-stage anchor fallback. When a template edit breaks a selector, HXRV re-anchors by the element’s saved text excerpt; if that fails too, the comment moves to an orphan tray instead of silently disappearing – and the export flags it so nobody (human or AI) acts on a stale pointer. Restore the element and the comment re-anchors itself.
• Truly self-hosted. Everything lives in one custom table in your own database. No SaaS account, no external requests, no tracking. Install it for a review cycle, uninstall it, and every trace is gone – including the table.
• Lightweight by design. Powered by htmx and Alpine.js, bundled locally (~100 KB total). No build step, no jQuery, no React widget injected into your client’s site. Assets load only in review mode for authorized users.
• Zero settings screens. Configuration is code: filters (hxrv_capability, hxrv_export_markdown) and CSS custom properties (--hxrv-primary and friends) for restyling the overlay from your theme.

The workflow

1. A reviewer (client, editor, designer) opens the page, clicks an element, leaves a comment.
2. Threads collect replies; finished items get resolved.
3. The engineer exports the open comments as a Markdown brief and pastes it into an AI coding agent – or reads it themselves.
4. Fixes land, boxes get checked, the plugin can be removed without a trace.

Part of the HX Series (HXFE – forms, HXSE – search): htmx-powered WordPress tools that send HTML over the wire, skip the build step, and cut every feature that is not essential.