O
ooolzhas/annotatekit
Visual feedback for iOS apps that goes straight to your coding agent
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"ooolzhas-annotatekit": {
"command": "npx",
"args": ["fetches"]
}
}
}解析自我们于 2026-10-29 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"ooolzhas-annotatekit": {
"command": "npx",
"args": ["fetches"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio ooolzhas-annotatekit -- npx fetches
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- ★ 数取值
- 27 ★ · ooolzhas/annotatekit · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型：开源项目
- 收录与活跃
- 收录于 2026-10-30 · 最近见到 2026-11-14 · 共见到 16 次 · 被 1 个来源列出
- 评分构成
- 综合分 103 · 27 ★ · 1 个来源 · repo
- 安装
npx fetches
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx fetches。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: 开源项目。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
ooolzhas/annotatekit；我们收录于 2026-10-30；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。AnnotateKit
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
Visual feedback for iOS apps that goes straight to your coding agent.
Tap, draw and comment on your running app. Hit Send. Your agent gets the screenshots, the exact coordinates and your notes.
annotatekit.com
1. In your running app, in the Simulator or on your iPhone, tap the Annotate pill. The screen
freezes.
2. Draw around anything, tap an element to select it, or hold to pin an exact spot.
Say what should change.
3. Hit ↑. Claude Code, already open on your Mac, starts working. Annotate mode stays open and
narrates it: Claude received your notes → Claude is working… → All changes applied ·
Reinstalling, while each note's badge spins until the agent resolves it and then turns into a
green check. The dot on the pill is green while an agent listens, yellow while it reconnects, and
red when nothing does. It works the same from a physical iPhone, with no extra setup.
No copy/paste and no tagging views: every pixel is annotatable. It works with SwiftUI and UIKit,
and everything is compiled out of Release builds.
This is Cursor's Annotate for native iOS. It runs inside your DEBUG build
the way Cursor's runs inside its browser, so it can read the real view and accessibility tree.
## Install
### Let your agent do it
Tell Claude Code (or Cursor, Codex…):
> Set up AnnotateKit from github.com/ooolzhas/annotatekit in this app.
The repo ships an annotate-setup skill that walks an agent
through every project shape (Xcode project, XcodeGen, Tuist, SwiftPM), the CLI and the connection.
In Claude Code, installing the plugin gives you the skill, the MCP server and the CLI in one go:
/plugin install annotate --marketplace ooolzhas/annotatekit
On Claude Code older than 2.1.275, run /plugin marketplace add ooolzhas/annotatekit, then
/plugin install annotate@annotatekit. After that, ask: "Set up AnnotateKit in this app."
### By hand
1. The overlay. Add https://github.com/ooolzhas/annotatekit with Swift Package Manager and
link AnnotateKit to your app target (iOS 17+). Then:
swift
import AnnotateKit
@main
struct MyApp: App {
init() {
Annotate.install() // DEBUG-only; a no-op in Release
var body: some Scene { WindowGroup { ContentView() } }
Add .annotate/ to your .gitignore.
2. The CLI (skip this if you use the Claude Code plugin):
sh
brew install ooolzhas/tap/annotate # or: npm install -g annotate-ios
# or: mint install ooolzhas/annotatekit
3. Connect your agent. Pick one:
| Agent | How sends reach it |
| Claude Code + channels (recommended) | Pushed into your open session the moment you hit Send, even while Claude is idle. Start with claude --dangerously-load-development-channels plugin:annotate@annotatekit, or server:annotate without the plugin. |
| Claude Code, no flags | Run /annotate-watch. A watcher picks up each Send. |
| Unattended | annotate run in the project root runs claude -p per Send (--permission-mode acceptEdits, resuming the conversation). |
| Cursor / Codex / VS Code / Claude desktop / any MCP client | Add the server (below) and ask the agent to "keep calling annotationwait": each call blocks until you Send, then returns the notes. Or say "check my latest annotation" now and then. |
Channels are a Claude Code research preview. During the
Tap, draw and comment on your running app. Hit Send. Your agent gets the screenshots, the exact coordinates and your notes.
annotatekit.com
1. In your running app, in the Simulator or on your iPhone, tap the Annotate pill. The screen
freezes.
2. Draw around anything, tap an element to select it, or hold to pin an exact spot.
Say what should change.
3. Hit ↑. Claude Code, already open on your Mac, starts working. Annotate mode stays open and
narrates it: Claude received your notes → Claude is working… → All changes applied ·
Reinstalling, while each note's badge spins until the agent resolves it and then turns into a
green check. The dot on the pill is green while an agent listens, yellow while it reconnects, and
red when nothing does. It works the same from a physical iPhone, with no extra setup.
No copy/paste and no tagging views: every pixel is annotatable. It works with SwiftUI and UIKit,
and everything is compiled out of Release builds.
This is Cursor's Annotate for native iOS. It runs inside your DEBUG build
the way Cursor's runs inside its browser, so it can read the real view and accessibility tree.
## Install
### Let your agent do it
Tell Claude Code (or Cursor, Codex…):
> Set up AnnotateKit from github.com/ooolzhas/annotatekit in this app.
The repo ships an annotate-setup skill that walks an agent
through every project shape (Xcode project, XcodeGen, Tuist, SwiftPM), the CLI and the connection.
In Claude Code, installing the plugin gives you the skill, the MCP server and the CLI in one go:
/plugin install annotate --marketplace ooolzhas/annotatekit
On Claude Code older than 2.1.275, run /plugin marketplace add ooolzhas/annotatekit, then
/plugin install annotate@annotatekit. After that, ask: "Set up AnnotateKit in this app."
### By hand
1. The overlay. Add https://github.com/ooolzhas/annotatekit with Swift Package Manager and
link AnnotateKit to your app target (iOS 17+). Then:
swift
import AnnotateKit
@main
struct MyApp: App {
init() {
Annotate.install() // DEBUG-only; a no-op in Release
var body: some Scene { WindowGroup { ContentView() } }
Add .annotate/ to your .gitignore.
2. The CLI (skip this if you use the Claude Code plugin):
sh
brew install ooolzhas/tap/annotate # or: npm install -g annotate-ios
# or: mint install ooolzhas/annotatekit
3. Connect your agent. Pick one:
| Agent | How sends reach it |
| Claude Code + channels (recommended) | Pushed into your open session the moment you hit Send, even while Claude is idle. Start with claude --dangerously-load-development-channels plugin:annotate@annotatekit, or server:annotate without the plugin. |
| Claude Code, no flags | Run /annotate-watch. A watcher picks up each Send. |
| Unattended | annotate run in the project root runs claude -p per Send (--permission-mode acceptEdits, resuming the conversation). |
| Cursor / Codex / VS Code / Claude desktop / any MCP client | Add the server (below) and ask the agent to "keep calling annotationwait": each call blocks until you Send, then returns the notes. Or say "check my latest annotation" now and then. |
Channels are a Claude Code research preview. During the
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/ooolzhas-annotatekit/)
- 来源
- github · https://github.com/ooolzhas/annotatekit
- 按领域浏览
- 开源项目
- Traction
- 27 ★
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。