跳至主要內容

产品矩阵

aiti-ai大约 4 分钟

产品矩阵

aiti 不是单一产品，而是一个 AI 开发工具生态。所有产品统一品牌、统一协议、统一 npm scope（@aiti-ai）。

一、矩阵总览

#产品npm 包名形态一句话定位状态
1aiti-agent@aiti-ai/aiti-agentWeb 应用 + Docker 镜像自托管个人 AI 开发工作台（基于 pi-web 构建），浏览器为主操作面，与 pi CLI / pi IDE 扩展同源兼容🚧 M0-M4
2aiti-core@aiti-ai/aitiSDK（协议/类型/共享库）全产品共享：桥协议、pageId 会话模型、注入脚本、MCP 工具定义📋
3aiti-devtools@aiti-ai/aiti-devtools注入 SDK（inject.js）页面内 AI 调试助手：aiti-devtools + Inspector + MCP 桥（形态① 主动适配）✅ 0.2.x
4aiti-devtools-vite@aiti-ai/aiti-devtools-viteVite 插件dev server 自动注入，本地 inject📋
5aiti-devtools-vue@aiti-ai/aiti-devtools-vueVue 插件Vue 应用内注入（app.use 一行接入）📋
6aiti-devtools-next@aiti-ai/aiti-devtools-nextNext.js 插件框架级注入（dev 构建 + _debugSource 源码定位）📋
7aiti-devtools-react@aiti-ai/aiti-devtools-reactReact 插件React 工程注入📋
8aiti-devtools-svelte@aiti-ai/aiti-devtools-svelteSvelte 插件Svelte 工程注入📋
9aiti-bridge@aiti-ai/aiti-bridge本地桥服务（CLI）配置 aiti-devtools 使用、改造任意 AI agent、消息直达 IDE AI 窗口🚧 桥已通
10aiti-devtools-vscode@aiti-ai/aiti-devtools-vscodeVS Code 扩展完成注入 + 直连 IDE 内置 AI agent 窗口🚧 MVP
11aiti-devtools-idea@aiti-ai/aiti-devtools-ideaJetBrains 插件同上（IntelliJ / PyCharm / WebStorm / GoLand）📋
12aiti-devtools-chrome@aiti-ai/aiti-devtools-chromeChrome 扩展免改代码注入（形态②），任意站点可调试📋
13aiti-docs@aiti-ai/aiti-docs文档站（本网站）VuePress 文档 + 产品矩阵 + 路线图✅ 本页

品牌与身份：GitHub 组织 aiti-ai · 官网 https://aiti.pw · npm scope @aiti-ai · 协议 MIT。

二、分层架构

┌─────────────────────────────────────────────────────────────┐
│ L4 入口层    aiti-agent (Web 工作台) · IDE 插件 · Chrome 扩展      │
│              统一操作面：会话 / 服务 / 终端 / 桌面 / 调试           │
├─────────────────────────────────────────────────────────────┤
│ L3 Agent 层 改造任意 AI agent（MCP client）                      │
│              Claude Code · Cursor · IDE 内置 AI · aiti-agent  │
├─────────────────────────────────────────────────────────────┤
│ L2 桥接层    aiti-bridge（MCP 端点内置）         │
│             配置 aiti-devtools · pageId 会话 · SSE 页面桥       │
├─────────────────────────────────────────────────────────────┤
│ L1 注入层    aiti-devtools + vite/vue/next/react/svelte 插件    │
│             aiti-devtools client · Inspector · 类 CDP 命令集 · 本地注入  │
└─────────────────────────────────────────────────────────────┘

各层职责

层产品职责
L1 注入层aiti-devtools 系列把调试客户端注入到正在开发的页面：aiti-devtools 迷你 client、Inspector 悬浮 UI、8 域 42 命令类 CDP 命令集、框架源码定位（React/Next/Vue/Svelte）
L2 桥接层aiti-bridge / server让 AI 与页面对话：MCP 工具（page_exec / page_snapshot / bridge_status / user_*）、pageId = instanceId/frameId 会话体系、SSE 长连、事件广播（open_file 等）
L3 Agent 层任意 MCP 客户端把桥接结果接入你的 AI：Claude Code、Cursor、IDE 内置 AI、aiti-agent 均可作为宿主 agent
L4 入口层aiti-agent / IDE 插件最终用户操作面：浏览器工作台；IDE 插件负责一键完成注入 + 把消息送进 IDE 的 AI agent 窗口

三、三条主线

主线 A：aiti-agent — Web 主战场

以 pi 为引擎、自托管的个人 AI 开发工作台。构建于开源项目 agegr/pi-web 之上（含全生态唯一的 service-tunnels / queue 恢复），产品身份独立。来历见项目起源。

  • 形态：Docker 单容器（lite/full）→ 浏览器 + 移动端
  • 能力五层：UI 层 → 调试可视化层（CDP/VNC/ttyd）→ 暴露层（service-tunnels）→ 执行层（pi agent SDK）→ 数据层（共享 JSONL + queue 持久化）
  • 详见 aiti-agent

主线 B：aiti-devtools — 本地注入生态

把 AI 请到页面开发现场。嵌入各个主流开发工具（Vite / Vue / Next / React / Svelte），本地 inject，无需改业务代码。

  • 形态①：开发者主动适配（<script src="aiti-devtools/inject.js">）
  • 形态②：Chrome 扩展 / 平台内置（免改代码）
  • 形态③：IDE 插件（vscode / idea）自动注入
  • 详见 aiti-devtools 与 devtools 插件矩阵

主线 C：aiti-bridge — AI agent 改造

桥接层产品。配置 aiti-devtools 使用、改造 AI agent，支持 aiti-devtools 及 aiti-devtools-vscode/idea 等插件完成注入；通过 aiti-bridge 直接把消息发到 IDE 里的 AI agent 窗口。

四、端到端场景

场景 1：IDE 内 AI 修 bug（vscode/idea 插件 + aiti-bridge）

IDE 打开工程 → aiti-devtools-vscode 自动注入（dev server 或预构建）
  → 用户问 AI：「首页这个按钮点了没反应，帮我查」
  → IDE AI agent 经 aiti-bridge 调用 page_exec（点击按钮 → 采集 console 报错）
  → bridge 把结果送回 IDE AI 窗口，AI 定位到源码文件（open_file 自动打开）
  → AI 给出修复建议，甚至 user_confirm 询问用户是否直接改

场景 2：aiti-agent 远程调试

docker run aiti → 浏览器打开工作台 → 页面 dev 环境注入 aiti-devtools
  → 工作台 AI 会话经 service-tunnels 暴露 → CDP 9222 / noVNC 6080 可视化远程调试

五、协议与约定

约定值
桥协议aiti-devtools 消息信封 + MCP JSON-RPC + SSE 页面桥
会话 IDpageId = instanceId/frameId（如 01234/f0），TTL 保留、secret 防串台
命名token → instanceId（连接身份）、uid → frameId（目标 frame）、组合 = pageId
环境变量统一 AITI_*（如 AITI_OPEN_CMD、AITI_BRIDGE_PORT）
npm scope@aiti-ai/*（裸名 3-4 字母被 npm 防抢注风控拒绝）
域名aiti.pw（官网 / 文档 / MCP 端点）

下一节：指南 · 什么是 aiti

MIT Licensed | Copyright © 2026 aiti-ai
Copyright © 2026 aiti-ai