@ agentskit/ 反应

简介 : major-package

将流式 AI 聊天添加到任何 React app 在 10 行代码中 .

标记 : ai • 妇女 agents • 妇女 llm • 妇女 agentskit • 妇女 openai • 妇女 anthropic • 妇女 claude • 妇女 gemini • 妇女 chatgpt • 妇女 react • 妇女 react-hooks • 妇女 chat-ui • 妇女 ai-agents

已核实的证据

• 软件包元数据和测试在 packages/react/。 。 。 .
• 软件包指南 : https://www.agentskit.io/docs/reference/packages/resact 互联网档案馆的存檔,存档日期2014-12-21
• 稳定地图: 文件/服务.md

如何适应生态系统

@ agentskit/ react是反应UI层:用于流式聊天的钩子和无头组件,工具呼叫,内存,以及代理界面.

• 探员Kit:与本回购中的其他包一起作曲,从可互换的小零件来构建代理.
• 书记官处: 查找已使用此图层的即时代理和模板 登记. agentskit.io。 。 。 .
• 游戏本: 学习本层背后的生产模式 游戏本. agentskit.io。 。 。 .

文档 : 软件包指南 • 妇女 代理交接

为什么反应

• 飞快一点 - 与工具通话进行流畅聊天,内存在盒子外; Markdown 是您选中的渲染器的原始内容槽
• 使用您的设计系统 完全无头;用Tailwind、MUI、Shadcn或普通CSS通过样式 data-ak-* 属性
• 默认代理准备 ——内置支持工具调用,思维指示器,多回转记忆,这样你就不会随着产品的增长而撞上一堵墙
• 将提供者换入一行 ——通过任何适配器从 @agentskit/adapters; 您的组件代码永远不会改变

安装

npm install @agentskit/react @agentskit/adapters

快速实例

import { useChat, ChatContainer, Message, InputBar } from '@agentskit/react'
import { anthropic } from '@agentskit/adapters'
import '@agentskit/react/theme'

export function Chat() {
  const chat = useChat({
    adapter: anthropic({ apiKey: process.env.ANTHROPIC_API_KEY, model: 'claude-sonnet-4-6' }),
  })
  return (
    <ChatContainer>
      {chat.messages.map(msg => <Message key={msg.id} message={msg} />)}
      <InputBar chat={chat} />
    </ChatContainer>
  )
}

特征

• useChat 钩子 — 流线、 中止、 工具调用、 内存和技能在一个 API 中
• 无头组件 : ChatContainer, (中文(简体) ), Message, (中文(简体) ), InputBar, (中文(简体) ), ToolCallView, (中文(简体) ), ThinkingIndicator
• InputBar 块格式提交和输入时 chat.status === 'streaming' (以及何时) disabled(中文(简体) )
• ToolCallView 切换曝光 aria-expanded 辅助技术
• data-ak-* 用于样式的属性——零硬码样式,全设计-系统控制
• 主题通过 @agentskit/react/theme ——选入 CSS 变量,每个组件覆盖
• 与反应18和19合作

其他具有约束力的框架(共享国家/行动契约)

每个束缚都适应共享 ChatReturn 州/行动合同。 选一个 用于您的堆栈; 组件道具和主机状态形状仍然是框架特定 :

生态系统

贡献者

许可证

麻省理工学院——见 自由主义。 。 。 .

文档

完整文档 • 妇女 GitHub 图像

成熟性和相容性

• 稳定性: β 语录 看到了吗 文件/服务.md
• 节点.js 20+ 财务报告和审定财务报表 类型脚本 严格模式
• 发表于 @agentskit/react

捐款

见 捐款额 单曲 自由主义。 。 。 .