Skip to main content

Documentation Index

Fetch the complete documentation index at: https://buildwithglue.com/docs/llms.txt

Use this file to discover all available pages before exploring further.

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.
Visual annotations demo

​
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.
Agent-ready output demo

​
Inspiration Mode

Browse the web for design inspiration and pin references directly to your annotations.
Inspiration mode demo
Glue is designed for development mode only. Instrumentation is automatically disabled in production.