# 《AI Agent 脚手架》第2-19节:会话服务接口对接-ui
作者:小傅哥
博客:https://bugstack.cn (opens new window)
视频:待更新
沉淀、分享、成长,让自己和他人都能有所收获!😄
# 一、本章诉求
开发脚手架接口对接 UI,简单展示服务端能力。
在业务场景中,使用 AI Agent 脚手架,构建项目后所提供的服务接口,一般是附带着业务应用场景能力的。这些提供的能力接口,可以对接到客服、巡检、数据、量化、风控等各类场景使用。
# 二、对接效果
这里小傅哥选择使用了 AI IDE 工具,设计 UI 界面,我们可以描述对接话术,让 AI 帮我们设计一套页面。关于页面设计的话术提示词,我已经放到工程下。
# 1. 登录页

- 登录页,有一个演示账号,可以填充登录。
# 2. 对话页

- 对话,可以填写信息,发送请求。在一个会话ID下,它是可以记录历史上下文信息的。

