Tether

Visual editor for localhost - select components and send changes to your AI coding tools.

Tether bridges the gap between your browser and AI coding tools like Claude Code and Cursor.

With Tether, you can visually select UI elements on any web page and instantly send their detailed context to your AI coding assistant.

How It Works

• Click the Tether extension icon while viewing any localhost web page
• Use the element picker to select components you want to reference
• Add instructions or context in the overlay prompt
• Send directly to Claude Code CLI or Cursor with one click

Supported Tools & Frameworks

AI Coding Tools:

• Claude Code
• Cursor

Frameworks:

• React

Requirements

Tether requires running the companion CLI tool or IDE extension for communication with your coding assistant.