大语言模型应用开发架构解析：MCP、Agent与AI应用的三层协作 摘要： 本文阐述了现代AI系统开发中三个核心组件的协同工作机制。大模型应用作为顶层容器，提供用户交互和系统管理；智能代理(Agent)作为执行引擎，负责意图理解、任务规划和工具调用；MCP协议则标准化工具交互，实现即插即用。三者形成"应用-代理-协议"的层次架构：应用接收用户请求，代理通过MCP发现和调用工具，

工具定义核心是基于约定式的配置体，来提供给大模型。这些工具可以是mcp，可以是，在工具中增加type即可扩展。/*** 差旅工具定义* 这些工具会被注入到 Agent 的提示词中*/description: "搜索机票，返回可用的航班列表",from: {description: "出发城市（如：北京、上海）",},to: {description: "目的城市",},date: {descrip

最近，我让 AI 帮我从零开始写了一个类似 Claude Code 的 AI 编程助手。在这个过程中，顺便了解了 Code Agent 产品的核心架构和实现原理。本文将分享这次实践的完整过程和关键收获。我们构建的是一个名为🤖ReAct Agent 循环- 思考-行动-观察的自动化执行🔧工具系统- 文件操作、Shell 执行、代码搜索等🔌MCP 协议支持- 可扩展的外部工具集成💬多模型支持-

灵活的部署方式：支持 STDIO、REST、SSE 三种传输模式完善的配置管理：五层优先级配置系统，适配多种场景清晰的分层架构：传输层 → 服务层 → API 层 → 功能层健壮的错误处理：统一的错误分类和重试机制多租户支持：请求级配置实现资源隔离这套架构不仅为 MiniMax AI 能力提供了标准化的 MCP 接口，也为其他 AI 服务的 MCP 集成提供了优秀的参考实现。

灵活的部署方式：支持 STDIO、REST、SSE 三种传输模式完善的配置管理：五层优先级配置系统，适配多种场景清晰的分层架构：传输层 → 服务层 → API 层 → 功能层健壮的错误处理：统一的错误分类和重试机制多租户支持：请求级配置实现资源隔离这套架构不仅为 MiniMax AI 能力提供了标准化的 MCP 接口，也为其他 AI 服务的 MCP 集成提供了优秀的参考实现。

大语言模型应用开发架构解析：MCP、Agent与AI应用的三层协作 摘要： 本文阐述了现代AI系统开发中三个核心组件的协同工作机制。大模型应用作为顶层容器，提供用户交互和系统管理；智能代理(Agent)作为执行引擎，负责意图理解、任务规划和工具调用；MCP协议则标准化工具交互，实现即插即用。三者形成"应用-代理-协议"的层次架构：应用接收用户请求，代理通过MCP发现和调用工具，

AI是未来世界的趋势，的出现让在国内构建更多的大模型出现了更多的可能。而从前端出发，团队最近很有意思，基于这个背景，提供了一套面向构建平台化产品的组件。本篇结合的、api来分析。仔细看一下官方文档的内容，发现篇幅并不多，对比市面上比较多的，核心增加了以流的形式进行片段式响应的能力。核心能力需要在入参中传递，即可开启流式响应的能力，直接在api的callback中处理渲染逻辑即可，那我们看一下源码，

本文解析了antd-mobile的Divider组件实现原理。该组件支持横向/竖向分割线，内容可居左/右/中显示。通过flex布局和伪元素实现分割线效果：横向使用flex布局，伪元素绘制线条；竖向直接使用border-left实现。内容位置通过flex的max-width控制间距。组件采用props合并机制，支持原生属性透传，使用classnames动态生成类名实现样式切换。关键点包括：1)参数合

默认情况下，动画只播放一次，持续1秒。/* 持续时间改为2秒 *//* 延迟1秒开始动画 *//* 设置无限次重复动画 */在HTML中，只需要给元素添加class.myElement。

本文解读了antd-mobile的Space组件实现。该组件通过CSS变量(--gap等)控制子元素间距，支持水平/垂直排列、换行和对齐方式。核心实现包括：1)合并props并注入原生属性；2)用flex布局处理不同方向；3)通过margin/padding组合和负边距控制间距；4)使用CSS变量灵活控制间隙大小。组件采用inline-flex布局，通过包裹子项并设置flex:none保证布局稳定