← 返回日报
🌐 机器翻译 · DeepSeek · GitHub

BuilderIO agent-native


Agent-Native

Agent-Native 是一个开源的 TypeScript 框架,用于构建将自主工作与专用 UI 配对的 agent。将每项能力定义一次为 action:agent 将其用作工具,UI 则从代码中调用它。

快速开始

npx --yes @agent-native/core@latest create my-agent --standalone --template chat

请参阅入门指南以获取该框架的完整介绍。

为什么要构建带 UI 的 agent?

编码 agent 的工作方式远不止一个文本框。它们的环境提供了上下文、工具、文件、测试和预览,使其能力和结果可见。知识工作也需要同样的环境。UI 展示了 agent 能做什么,并为人们提供了熟悉的方式来检查、编辑、批准和分享其工作成果。

Agent-Native 的工作原理

agent 不会通过 UI 进行点击操作。它通过与 UI 相同的 action 层来工作。

示例:一个共享 action

创建 actions/hello.ts:

import { defineAction } from "@agent-native/core/action";
import { z } from "zod";

// One action powers every app surface: UI, agent, HTTP, MCP, A2A, and CLI.
export default defineAction({
  description: "Return a friendly greeting.",
  schema: z.object({
    name: z.string().default("world").describe("Name to greet"),
  }),
  http: { method: "GET" },
  run: async ({ name }) => {
    return { message: `Hello, ${name}!` };
  },
});

agent 将 hello 作为工具接收。React 通过 useActionQuery("hello", { name: "Alex" }) 调用同一个函数。Agent-Native 还通过 HTTP、MCP、A2A 和 CLI 将其暴露出来。

内置功能

自带你的 LLM、SQL 数据库、工具和基础设施。你构建的一切都归你所有。

查看 Agent-Native 的实际效果:Agent-Native.Demo.mp4

开源 agents

从以下某个 agent 开始,或将其作为你自己项目的示例。

探索完整的应用画廊,或从框架指南开始。

文档和社区

阅读文档。加入 Discord 来提问、分享你正在构建的内容并获取帮助。

贡献

正在处理此仓库本身?请参阅 DEVELOPMENT.md 了解本地设置、工作区结构和守卫脚本。

许可证

MIT

📖 阅读原文 →