Annotate Kit

"Point at the pixel. Ship the change." Describing an interface fix in words costs more than the fix itself. Annotate Kit removes that step: you point at the element in the running application, you say what you want, and the message reaches the agent already written.

One idea, two products. On the web it is a JavaScript package — npm install annotate-kit — that mounts an overlay on the running site: you annotate, you open a Figma-style inspector that changes the real CSS, you wireframe a component, and it all comes out as one agent-ready message. React, Vue, Svelte or plain HTML. That repository is private.

On iOS it is a Swift package for SwiftUI, active in Debug builds only: tap the floating toolbar, tap an element, write your note. The agent receives the accessibility identity, the view chain, the nearby texts and a marked screenshot, live over MCP. That repository is public (annotate-kit-ios), with a runnable demo called Trailhead (annotate-kit-ios-demo).

No model, no API key: Annotate Kit writes the prompt for whichever agent you already use — Claude Code, Codex, Cursor, OpenCode, Copilot, Windsurf. What the agent gets, every time: the element, the component, the file and the line.