Element Select - AI Agent Annotation Tool

About

**Element Select** is a powerful browser annotation tool designed for developers working with AI coding agents (Claude Code, Cursor, Windsurf, etc.). It helps you provide precise, structured feedback to AI tools by capturing accurate element selectors, context, and visual annotations.

## 🎯 Key Features

### **Element Annotation**
Click any element on a webpage to instantly capture:
- CSS selectors (ID, class, path)
- Element hierarchy and structure
- Element attributes and metadata
- Visual position indicators

### **Multi-Element Annotation**
Hold **Ctrl/Cmd** and click multiple elements to group them into a single annotation with shared comments. Perfect for describing related UI components or repeated patterns.

### **Text Selection**
Select text on the page to create annotations with:
- Full text content
- Container element information
- Text position context

### **Logic Flow Annotation**
Annotate user journeys and multi-step processes:
- Click elements in sequence to create flow nodes
- Automatic connection lines with arrows
- Visual representation of user paths

### **Animation Pause**
Pause CSS animations and transitions to easily annotate dynamic elements. Never miss a moving target again!

### **Markdown Output**
Generate clean, formatted Markdown output ready to paste into your AI coding agent:
- Element selectors and paths
- Your annotations and comments
- Page context (URL, title)
- Visual flow diagrams for logic flows

### **Dark Theme**
Switch between light and dark themes for comfortable annotation in any lighting condition.