agent-native
开源框架,用于构建 agent 与 UI 深度绑定的原生应用,agent 和 UI 共享同一数据库和状态,支持实时多人协作。亮点在于它让 agent 不再是聊天框里的孤岛,而是能直接操作应用界面、跨 app 联动,并提供多种产品形态(headless、rich chat、whole app)。已内置 A2A、MCP 等协议,可对接 Claude Code、Cursor 等编码 agent,附带 Calendar、Slides 等可 fork 的完整模板,MIT 许可,上手成本低。
README
Agent-Native
你拥有完全所有权的开源 agentic 应用框架
不必在丰富的用户界面和自主 agent 之间做选择。每个 Agent-Native 应用二者兼具。
Agent 与 UI——完全连通
agent 和 UI 是同一系统的平等公民。每个动作都是双向的——点击操作或通过指令实现。

- 一切同步——Agent 和 UI 共享同一个数据库和状态。任一侧的更改会立即在另一侧显示。
- 实时多人协作——人类和 agent 同时在同一文档中协作:CRDT 合并、实时存在(光标、选择环、谁在哪个幻灯片上),agent 作为一流的对等编辑器。适用于任何 SQL 数据库和任何主机,包括 serverless。
- 上下文感知——Agent 知道你在看什么。选中文本,按 Cmd+I,然后告诉它要做什么。
- 按用户的工作空间——技能、记忆、指令、子 agent 和 MCP 服务器——基于 SQL 存储,每个用户可定制。拥有 Claude-Code 级别的灵活性,SaaS 级别的经济性。
- Agent 调用 Agent——从任何应用标记另一个 agent。它们通过 A2A 相互发现,并在整个技术栈中采取行动。
- 可复用的集成——在 Dispatch 中连接一次提供商,将秘密值保存在 vault 中,然后授权 Brain、Analytics、Mail、Dispatch 等应用访问共享的账户元数据和凭证引用。
- 三种形态——将同一个 agent 构建为无头 API、丰富的聊天体验,或是一个 agent 和 UI 保持同步的完整应用。
- 自我改进的应用——你的应用会自动变得更好。Agent 可以随时间添加功能、修复错误、完善 UI。
- 任何数据库,任何主机——任何 Drizzle 支持的 SQL 数据库。任何 Nitro 支持的主机目标。无锁定。
- 引入你需要的 agent 界面——兼容 MCP 的主机可以调用你的应用,编码 agent 可以安装技能,原生聊天渲染可复用的应用输出,自带的 agent runtime 可以流式传入 Agent-Native 聊天外壳。
用于 agent-native 应用的框架
Agent-Native 是一个开源框架,用于构建能够在真实应用内部行动(而不仅仅是在旁边聊天)的健壮 agent。
它为你提供了产品级 agentic 软件的原语:共享动作、基于 SQL 的状态、身份、工具、技能、任务、可观测性和协同工作的 UI 界面。
后端无关:自带数据库、托管提供商、模型栈和应用代码。
// 一个动作同时驱动 UI、agent、HTTP、MCP、A2A 和 CLI。
export default defineAction({
schema: z.object({
emailId: z.string(),
body: z.string(),
}),
run: async ({ emailId, body }) => {
await db.insert(replies).values({ emailId, body });
},
});
- 动作(Actions)——一次性定义工作。在 UI、agent、API、MCP、A2A 和 CLI 中使用。
- Agent 运行时(Runtime)——聊天、工具、技能、记忆、任务、可观测性和交接一起提供。
- 后端无关——接入任何 Drizzle 支持的 SQL 数据库和兼容 Nitro 的主机。
一个 agent,三种产品形态
Agent-Native 原语让你可以选择围绕 agent 放置多少 UI,而无需重建 agent 契约:
| 形态 | 你交付的内容 | 底层相同的原语 |
|---|---|---|
| 无头(Headless) | 通过代码、CLI、HTTP、MCP 或 A2A 调用 agent 和动作。 | defineAction、认证、技能、记忆、任务、可观测性 |
| 富聊天(Rich chat) | 一个独立或嵌入的聊天,带有原生表格、图表、审批、设置流程和工具结果。 | 共享聊天运行时、自带运行时适配器、动作声明的原生渲染器 |
| 完整应用(Whole app) | 一个完整的 SaaS/产品 UI,聊天可以从中心开始,移动到侧边栏,并与应用状态保持同步。 | SQL 状态、动作、上下文感知、深度链接、实时同步 |
协议随框架一同提供,而不是作为每个功能的单独集成。目前这意味着 A2A、MCP、MCP Apps、标准远程 MCP OAuth、MCP 客户端、HTTP/CLI 动作调用、原生聊天组件、AgentChatRuntime 适配器、标准 OpenAI、AG-UI、Claude Agent SDK、Vercel AI SDK 聊天运行时连接器以及深度链接都挂载在同一个动作表面上。ACP 最合适的理解是编码 agent/编辑器互操作性协议,而不是通用的自带应用聊天运行时。
关于完整的决策指南——无头、内置 agent 上富聊天、你自己 agent 上富聊天、嵌入式 sidecar 或完整应用——请参阅 Agent 界面。
要将 Claude、ChatGPT、Codex、Cursor、OpenCode、GitHub Copilot / VS Code 或其他 MCP 主机连接到你的托管应用,请参阅 外部 Agent 指南。
通过一个技能试用
还不想搭整个应用?用一条命令给 Claude Code、Codex、Cursor、Pi、OpenCode、GitHub Copilot / VS Code 以及类似 agent 添加可视化规划和 PR 总结:
npx @agent-native/core@latest skills add visual-plan
你会得到两个斜杠命令,它们能升级你的 agent 规划和工作报告的方式:
/visual-plan——在 agent 写代码之前,它打开一个结构化的、可审查的计划文档,而不是一堵文字墙:内联图表、UI 线框和原型、逐文件实现地图,以及你可以评论和批准的注释。/visual-recap——变更落地后,它将 PR 或 git diff 转为高层次的视觉总结:以 grounded before/after 块呈现的 schema、API 和文件变更,附带可分享的审查链接,而不是滚动查看原始 diff。
更多技能和本地安装请参阅 技能指南。
模板
从一个功能完整的模板开始。每个模板都是一个完整、100% 免费且开源的 SaaS 应用——可克隆而非脚手架——除了你拥有代码并且可以自定义一切。
日历 Agent-Native Google Calendar、Calendly 管理事件,与 Google Calendar 同步,并通过 AI 排期共享公开预约页面。 |
内容 用于 MDX 的开源 Obsidian 编辑本地 Markdown/MDX 文件,生成丰富的交互式自定义块,并通过 agent 起草、重写或发布。 |
计划 编码 agent 的可视化计划模式 安装 |
幻灯片 Agent-Native Google Slides、Pitch 通过提示或点击生成并编辑基于 React 的演示文稿。 |
分析 Agent-Native Amplitude、Mixpanel 连接分析数据源,通过提示生成真实图表,构建可复用的仪表板。共享工作空间连接可以提供提供商凭证,而分析仍拥有指标、真相源选择和已保存的分析。 |
剪辑 Agent-Native Loom 录制屏幕并自动生成转录,获得可分享的链接,以及一个能按需总结、添加字幕和编辑剪辑的 agent。 |
每个模板都是完整可克隆的 SaaS——fork 它,通过 agent 自定义,拥有它。在连接你自己的数据源之前,先用示例数据试用。
在 agent-native.com/templates 查看完整模板库。
快速开始
一条命令即可 fork 模板并开始本地构建。
npx @agent-native/core@latest create my-platform
cd my-platform
pnpm install
pnpm dev
CLI 会显示一个多选选择器,你可以在一个工作空间中包含任意多个模板。选择 Mail + Calendar + Forms,你会获得三个应用,一次就配置好认证并共享。或者浏览 模板库 查看在线演示。
想要单个应用,不要 monorepo?使用 --standalone:
npx @agent-native/core@latest create my-app --standalone --template mail
工作空间(Monorepo)
工作空间是 agent-native 项目的默认形态。每个应用位于 apps/ 下,packages/shared/ 可用于少量的代码、指令、技能或品牌标识,这些应真正应用于每个应用。
my-platform/
├── package.json # 声明 `agent-native.workspaceCore`
├── pnpm-workspace.yaml
├── .env # 共享密钥:ANTHROPIC_API_KEY、BUILDER_PRIVATE_KEY、A2A_SECRET、...
├── packages/
│ └── shared/ # 可选共享自定义代码
└── apps/
├── mail/
├── calendar/
└── forms/
之后添加另一个应用:
npx @agent-native/core@latest add-app notes --template content
将所有应用部署到同一个源:
npx @agent-native/core@latest deploy
# https://your-agents.com/mail/* → mail
# https://your-agents.com/calendar/* → calendar
# https://your-agents.com/forms/* → forms
同源部署意味着跨应用共享登录会话和零配置跨应用 A2A——从日历的 agent 聊天中标记 @mail 即可工作(无需 JWT 签名,无需 CORS)。完整细节请查看 agent-native.com/docs/multi-app-workspace。
两全其美
| SaaS 工具 | 原始 AI Agent | 内部工具 | Agent-Native | |
|---|---|---|---|---|
| UI | 精致但僵化 | 无 | 质量参差不齐 | 完整 UI,fork 即用 |
| AI | 附加功能 | 强大 | 连接松散 | Agent 优先,集成 |
| 可定制性 | 不能 | 指令和技能 | 完整但维护成本高 | Agent 会修改应用 |
| 所有权 | 租用 | 部分属于你 | 你拥有代码 | 你拥有代码 |
社区
加入 Discord 提问、分享你的构建并获得帮助。
文档
完整文档请访问 agent-native.com。
许可证
MIT





