庄浩佳

• 精通 React 及其技术栈，有过大型项目开发和优化经验
• 熟悉 Vue3 以及周边工具，如Vue-Router、Pinia 、 Element-Plus等

• Tailwind.css 和 Bootstrap5 作为样式库
• Sass 以及 PostCSS 作为预处理器
• Css in Js等模块化开发

• 使用 Webpack / Vite 完成Web 应用打包以及对应的前端性能优化的经验。
• 掌握使用 Rollup 完成组件库打包以及发布的过程。

• 熟悉Nodejs中间层开发
• 熟悉基于Next.js 服务端渲染开发
• 基于Next.js等周边工具开发数据库、Api接口等服务

负责Ai Agent平台的技术架构与团队领导，打造企业内部的智能体操作平台，支持AI应用的全生命周期管理。

• 主导整体技术架构设计，采用现代化的后端技术栈Python Flask，前端基于React的Nextjs，确保平台的高性能和良好的用户体验。
• 引领团队开发智能体应用，整合多模态能力（文本、语音识别、图像生成），提高交互自然性和用户满意度。

开发技术：

• 设计并实施了基于Python Flask的后端服务，基于Nextjs Api的中间层服务和首屏SSR渲染，提升页面加载效率。
• 使用Langchain实现大模型、向量数据库、工具应用的整合介入，基于LangGraph的工作流编排，支持多节点复杂任务的处理。
• 前端基于Nextjs和TailwindCSS进行页面设计，工作流编辑区使用react-flow构建基于节点的编辑器和交互式操作。
• 使用Docker和Kubernetes进行服务的容器化和微服务架构部署，提高系统的可扩展性和可维护性。

项目成果：

• 通过 Agent 平台 让企业内部应用集成了流行的大模型，并开发了支持文本、语音和图像的多模态 Agent 插件，增强了业务流程自动化，降低了30%的运营成本。

项目背景：

低代码技术是公司的数字化办公平台的基石，可以在低代码的能力上扩展大量的应用，如 知识管理、合同管理、人事管理等。

公司期望通过低代码技术解决应用开发效率低、专业开发门槛高 等问题；

方案设计：

以 DSL （JSON Schema）+ 渲染引擎为基础，在配置端提供可视化拖拽平台接入 DSL 和物料库，物料库提供了大量的常用业务表单组件支持（如基础组件、复杂业务组件、自定义组件）； 周边生态提供了物料中心和高代码的扩展机制，形成业务闭环；

开发阶段：

1. 开发可视化拖拽平台：抽象了搭建平台架构，使用状态机设计数据的交互模型；

2. 设计了一套高扩展的渲染引擎，通过 DSL +渲染引擎方式引入渲染页面方式；

3. 开发物料库及物料管理平台，每个物料都会根据 DSL 生成规则并构建发布到对应环境上；

4. 开发高代码：开发团队内部脚手架将低代码搭建的应用还原成对应的业务代码，需要特殊的场景 时第三方业务的开发者可以在此基础上进行开发

项目成果：

目前已经搭建50多个复杂应用，应对不同行业的需求，对接了 oppo 、金科、招商证券等大型企业；

团队已沉淀30+的物料组件，包括基础静态组件和复杂的业务组件，可以开箱即用

项目背景：

公司内部有多个不同技术栈的项目，有些系统技术老旧难以维护，这些系统需要结合到新框架中来使，还要兼容老旧系统并行运行

方案设计：

技术预研：对比常见的几种微前端方案，最终自研框架，开发主体应用程序容器整合其他子应用；

对于 vue2、webpack4 等可升级的旧项目，底层升级到 vue3 和 webpack5

开发设计：

1. 开发设计主应用路由拦截、应用的生命周期；

2. 设计微前端应用通信和沙箱隔离；

3. 创建自动部署平台

项目成果：

将原先的巨石应用拆分成 react、vue 不同技术栈的项目，各个系统之间互不影响，独立自治；

新系统对于老旧系统也能兼容运行，可扩展性强