CLI 形态的可视化编辑器：在现有 dev server 前架一层 Figma 式无限画布，点选页面元素描述改动，由 Claude Code/Codex/OpenCode 直接修改源码——无需插件、不改配置、不给依赖添任何东西。核心能力围绕Canvas模式（默认）、点击元素直达绘制它的file展开。"想改哪个元素却不知对应哪行代码"是 vibe coding 的普遍摩擦，Airship 的解法很优雅：dev build 本就记录了元素源码位置，直接读出交给代理。
| 项目 | 内容 |
|---|---|
| 仓库 | 0xnyn/airship |
| 语言 / 许可证 | TypeScript / MIT |
| 总星标 | ⭐ 543（截至 2026-08-26） |
| 创建时间 | 2026-08-10 |
| 榜单 | 近30天新星榜 第46名 |
CLI 形态的可视化编辑器：在现有 dev server 前架一层 Figma 式无限画布，点选页面元素描述改动，由 Claude Code/Codex/OpenCode 直接修改源码——无需插件、不改配置、不给依赖添任何东西。
"想改哪个元素却不知对应哪行代码"是 vibe coding 的普遍摩擦，Airship 的解法很优雅：dev build 本就记录了元素源码位置，直接读出交给代理。"No plugin. No config." 直击 Onlook 这类需注入依赖的竞品软肋；npx 一开即用、现有样式体系照常工作、完全本地无遥测，社区自然买账。
本质是一个反向代理：默认监听 target+1 端口且仅绑 127.0.0.1，扩宽到 0.0.0.0 会强警告并以 `--allowed-hosts` 防 DNS rebinding；为嵌入 iframe 默认剥离 X-Frame-Options 与 CSP。代理侧读取开发构建自带的元素溯源信息组装上下文发给 CLI 代理。配置优先级 flags > 环境变量 > airship.config.json > 默认值，拼错键报错并给建议而非静默忽略。
Node.js 22.13+，支持 macOS/Linux/Windows。`npx @airshiplabs/cli --target 3000` 直接运行，或全局安装后 `airship --target 3000`；也可用 `airship --exec "pnpm dev"` 让其代管 dev server 启停。任何经 HTTP 输出 HTML 的服务都兼容，Vite/Next/Remix/Rails 均可。
启动后在画布上点一个按钮，输入"改成圆角并加大阴影"，选择 claude 引擎逐字流式生成 diff 并落盘改源码；切到 codex 则获真实 OS 沙箱硬隔离，opencode 则每次操作前询问且需用户自装二进制。
三大引擎差异需了解：claude 支持 --max-turns/--max-budget、自建快照撤销不要求 Git；codex 打包官方二进制、基线取自 Git（故要求是 Git 仓库）；opencode 需 PATH 上有命令加 provider key。`--safe` 仅对 codex 是围墙级保证，对其余两者只是检查式拦截，文档如实说明它们仍可能经命令联网。
对比 Onlook（React 生态重视觉编辑、需适配项目），Airship 走零侵入代理路线、框架无关，与 Claude Code/Codex/OpenCode 三家解耦；与各类浏览器内 AI 截图改码插件相比，优势是元素级溯源精确到行号。星星增速半月破五百证明该空位确实存在。