Glue is a front-end editor that allows you to make edits to your apps, and creates a plan for coding agents to implement. It integrates with Claude Code and Codex, giving you more precision in your UI tweaks and allowing the agents to make fixes faster. We aim to create the best harness for UX editing with coding agents.
Why Glue?
Visual Annotations
Point and click to annotate UI elements with comments and requirements.
Source-Linked IDs
Every element gets a unique ID linked to its source code location.
// Your source code
<button className="primary">
Click me
</button>
// Rendered with metadata:
<button
className="primary"
data-agent-id="auto:ABC123"
data-agent-source-file="/app/components/Button.tsx"
data-agent-source-line="42"
>
Click me
</button>
Agent-Ready Output
Export annotations as structured specs optimized for coding agents.
Inspiration Mode
Browse the web for design inspiration and pin references directly to your annotations.
Glue is designed for development mode only. Instrumentation is automatically disabled in production.
