0xDEADBEEF 0xCAFEBABE 0xBAADF00D system.init(root) kernel_panic: true ... memory_leak_detected(0x231) ...
while(true) { hack_the_planet(); deploy_now(); } ... stack_overflow_imminent ...
>>> Connecting to secure_socket_0 ... [FAILED] ... Retry attempt 452 ...
ERROR 404: REALITY NOT FOUND. PLEASE REBOOT SYSTEM.
CORE_SYS Uptime: 04:20:69
/root /etc /bin
terminal main_hero_process.sh
 █████╗ ██╗      █████╗ ███╗   ██╗███╗   ██╗ ██████╗ ████████╗ █████╗ ████████╗ ██████╗ ██████╗
██╔══██╗██║     ██╔══██╗████╗  ██║████╗  ██║██╔═══██╗╚══██╔══╝██╔══██╗╚══██╔══╝██╔═══██╗██╔══██╗
███████║██║     ███████║██╔██╗ ██║██╔██╗ ██║██║   ██║   ██║   ███████║   ██║   ██║   ██║██████╔╝
██╔══██║██║     ██╔══██║██║╚██╗██║██║╚██╗██║██║   ██║   ██║   ██╔══██║   ██║   ██║   ██║██╔══██╗
██║  ██║██║     ██║  ██║██║ ╚████║██║ ╚████║╚██████╔╝   ██║   ██║  ██║   ██║   ╚██████╔╝██║  ██║
╚═╝  ╚═╝╚═╝     ╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝  ╚═══╝ ╚═════╝    ╚═╝   ╚═╝  ╚═╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝
                    

WHAT YOU SEE IS WHAT YOU GET

Point at any element. No long prompts. No remembering file paths. AI sees what you see. Zero lost in translation.

visibility user_view.browser WHAT USER SEES
https://your-app.com/dashboard
1
smart_toy claude_code.cli WHAT AI SEES
$ annotator_get_feedback()
// Element #1 data received:
tagName: "DIV"
cssSelector: "div.card-component"
xpath: "/body/div[2]/main/div"
sourceFile: "Dashboard.tsx:42:8"
comment: "Move this below header"
Reading file Dashboard.tsx
Found component at line 42
AI knows exact location to edit
inventory_2 modules_catalog.json
download

0x01_INSTALL_PKG

Install via bun or npm

# bun (recommended)
bun add -d vite-plugin-ai-annotator

# npm
npm install -D vite-plugin-ai-annotator
settings

0x02_CONFIG_VITE

Add plugin to vite.config.ts

// vite.config.ts
import annotator from 'vite-plugin-ai-annotator';

plugins: [annotator()]
terminal

0x03_MCP_CLI

Register MCP server with Claude Code

# register MCP server
claude mcp add annotator -- \
  npx vite-plugin-ai-annotator mcp -s http://localhost:7318
payments resource_allocation_table.csv
Resource Tier_Standard Tier_Ultimate
MAX_ANNOTATIONS 2 Concurrent 10 Concurrent
SCREENSHOT_CAPTURE DISABLED ENABLED
CSS_INJECT DISABLED ENABLED
rocket_launch

READY_FOR_LIFTOFF?

Initialize connection to the decentralized development backbone. No looking back.

(C) 2024 AI-ANNOTATOR // ALL_RIGHTS_RESERVED