参考 Dify 开源 Agent Spec 配置规范源码，剥离后端 Python 无关逻辑，基于 TS 自研 Vite 插件，实现 AI 人设 YAML 配置文件构建期自动转换，消除前端运行时解析 YAML 的性能损耗，配套类豆包对话前端项目使用。

参考 Dify 开源 Agent Spec 配置规范源码，剥离后端 Python 无关逻辑，基于 TS 自研 Vite 插件，实现 AI 人设 YAML 配置文件构建期自动转换，消除前端运行时解析 YAML 的性能损耗，配套类豆包对话前端项目使用。

参考 Dify 开源 Agent Spec 配置规范源码，剥离后端 Python 无关逻辑，基于 TS 自研 Vite 插件，实现 AI 人设 YAML 配置文件构建期自动转换，消除前端运行时解析 YAML 的性能损耗，配套类豆包对话前端项目使用。

参考 Dify 开源 Agent Spec 配置规范源码，剥离后端 Python 无关逻辑，基于 TS 自研 Vite 插件，实现 AI 人设 YAML 配置文件构建期自动转换，消除前端运行时解析 YAML 的性能损耗，配套类豆包对话前端项目使用。

参考 Dify 开源 Agent Spec 配置规范源码，剥离后端 Python 无关逻辑，基于 TS 自研 Vite 插件，实现 AI 人设 YAML 配置文件构建期自动转换，消除前端运行时解析 YAML 的性能损耗，配套类豆包对话前端项目使用。

SSR优化需要从多维度入手。核心在于减轻服务器CPU负担：通过组件缓存（v-once/serverCacheKey）、流式渲染、代码分割减少渲染压力；利用页面缓存（LRU）、CDN、集群模式提升吞吐量；配合预加载、数据合并等网络/数据层优化。Nuxt3已内置部分优化方案。实施时需平衡效果与复杂度，优先采用缓存、懒加载等高效手段，将计算压力从服务端向客户端和CDN转移。

Vue2底层依靠Object.defineProperty 响应式 Dep-Watcher 机制 + 异步 scheduler 更新队列。依靠响应式精准收集依赖，只更新用到变化数据的组件，再通过 nextTick 批量执行更新；没有链表式 Fiber 架构，组件更新一旦启动无法中途暂停。Vue3底层是Proxy 响应式 ReactiveEffect + Block 虚拟 DOM 树 + 增强版 s

"编译时多标记，运行时少比对"。编译时：通过静态提升、Block Tree、Patch Flags 提前标记"哪些会变、怎么变"。运行时：利用 LIS 算法最小化 DOM 移动次数，结合缓存复用事件和静态 Props。这些优化让 Vue 3 在处理大型表格、长列表、频繁更新的动画场景时，性能远超 Vue 2。

定义：MCP (Model Context Protocol) 是一个通信协议，专门用于规范 Agent 与 Tool 服务之间的交互方式。核心组件MCP Server：运行 Agent Tool 服务的服务器。MCP Client：调用 MCP Server 上 Agent Tool 服务的 Agent。MCP 规范内容定义了 MCP Server 与 MCP Client 之间的通信方式。

Webpack 是现代 JavaScript 应用的静态模块打包工具，核心是从入口文件构建依赖图，将项目中分散的 JS、CSS、图片等静态模块，经过转译、压缩、整合后生成浏览器可识别的 bundle 打包文件，是前端工程化的核心工具。它的核心解决思路：把开发时的高级语法、零散资源，转换成生产环境的兼容、优化资源，同时自动处理模块依赖，告别手动引入脚本的繁琐。新建mode: 'development