FormChat

FormChat 是一个创新的交互式聊天界面，它结合了传统表单式UI组件与大语言模型的自然语言处理能力，基于MCP（Model Context Protocol）架构实现。

特点

• 结构化交互：利用传统web表单组件（文本输入、复选框、滑块等）获取结构化用户输入
• 自然语言理解：通过LLM理解用户需求，动态生成适当的表单界面
• MCP架构：基于MCP客户端-服务器架构，保持扩展性和灵活性
• 用户体验优化：结合对话式交互与结构化输入的优点

架构

FormChat采用客户端-服务器架构，主要由以下部分组成：

1. MCP客户端扩展：处理表单组件和用户交互
2. 表单组件MCP服务器：处理表单定义和数据
3. 组件库：提供各种交互式表单组件
4. Artifacts扩展：支持渲染交互式表单

使用流程

1. 用户以自然语言描述需求
2. 系统生成交互式表单组件（通过artifacts）
3. 用户与表单交互，提供结构化输入
4. 系统处理输入并调用相应MCP服务器
5. 结果以更结构化的方式呈现

安装与使用

# 安装依赖
npm install

# 启动开发服务器
npm run dev

示例

查看 examples/ 目录中的示例，了解如何：

• 创建简单表单
• 处理表单提交
• 与LLM集成

许可证

MIT