- 预览
- 代码
- 文档
复制
/**
* Agentic chat using AG-Kit Agents
*/
import { Agent, OpenAIProvider } from '@ag-kit/agents';
/**
* Create agentic chat agent
*/
export function createAgenticChatAgent(): Agent {
const provider = new OpenAIProvider({
apiKey: process.env.OPENAI_API_KEY!,
defaultModel: process.env.OPENAI_MODEL || 'gpt-4o-mini',
baseURL: process.env.OPENAI_BASE_URL
});
return new Agent({
name: 'agentic-chat-agent',
description: 'A helpful AI assistant',
model: provider,
instructions: 'You are a helpful assistant.',
modelSettings: {
temperature: 0.7,
maxTokens: 4096
}
});
}
// No pre-created agent instance to avoid environment variable issues
对话式 Agent - AG-Kit Agents
本演示展示
本演示展示了 AG-Kit 的原生 Agent 实现:- AG-Kit Agent 类:使用 AG-Kit 的
Agent类和OpenAIProvider - 简化配置:内置状态管理和工具集成
- 提供者模式:
OpenAIProvider处理模型配置 - 自动工具处理:内置工具集成和响应处理
- 前端工具:与 LangGraph 实现相同的前端工具
如何交互
尝试这些建议或提出您自己的问题:- “提醒用户台风”(触发警报工具)
- “将背景颜色改为蓝色/红色/绿色/黄色/紫色/橙色/粉色/棕色/灰色/黑色/白色”(触发颜色更改)
- “获取我当前位置”(触发地理定位工具)
- “你好,你今天怎么样?”
- “你能帮我写一个关于机器人的短故事吗?“
技术实现
后端 (AG-Kit Agents):- 带有名称、描述和指令的
Agent类 - 带有 API 密钥和模型配置的
OpenAIProvider - 内置模型设置(temperature、maxTokens)
- 自动工具绑定和响应处理
- 无需显式状态管理
- 相同的
useChat钩子和AgKitChat组件 - 三个内置工具:
alert、change-background-color和get-current-location - 支持 12 种颜色选项:blue、red、green、yellow、purple、orange、pink、brown、gray、black、white、transparent
- 具有浏览器 API 集成和权限处理的地理定位工具
- URL 参数在实现之间切换
- 跨框架的一致用户体验