下载简历 PDF

  • 女 | 1997.02
  • 工作年限：6年
  • 邮箱：2670644996@qq.com
  • 微信：klmpan
  • 技术方向：React / Vue3 / Next.js / AI 应用开发 / AI Agent 开发
  • 离职一周到岗

个人优势

  • 6年前端开发经验，主导复杂 Web 应用开发，擅长 React / Vue3 / Next.js / TypeScript 技术体系。
  • 具备 Vue3 项目开发经验，熟悉 Composition API、Pinia、Vue Router、Vite 与 Element Plus 后台系统开发模式。
  • 具备 React Native + Expo 跨端应用开发经验，能将 Web 业务能力复用到移动端 App 场景。
  • 具备 AI Agent 设计与落地经验，熟悉 LangGraph 工作流编排、Qdrant 向量检索、学习记忆召回与结构化结果输出。
  • 具备 AI 产品开发经验，参与 AI 教育平台开发，实现 AI 流式对话、AI 出题、语音识别等功能。
  • 熟练使用 Claude / ChatGPT / Cursor / CodeX 等 AI 工具进行 Vibe Coding，显著提升开发效率。
  • 具备完整项目经验：架构设计 -> 开发实现 -> 性能优化 -> 线上部署。
  • 有 SaaS 系统开发经验，参与跨境供应链、ERP、CRM 等复杂后台系统开发。

核心技术

  • 前端框架：React / Vue3 / Next.js / UmiJS / React Native / Expo
  • 语言：TypeScript / JavaScript / HTML5 / CSS3
  • UI 框架：Ant Design / Element Plus / TailwindCSS
  • 状态管理：Redux / Zustand / Pinia / React Hooks / Vue Composition API
  • 跨端开发：React Native / Expo / App 页面开发 / 移动端交互适配
  • AI 开发：LLM 流式对话 / Prompt Engineering / AI Agent / RAG / LangGraph / Qdrant
  • AI 工具：Claude / ChatGPT / Cursor / CodeX / Copilot（Vibe Coding）
  • 工程化：Webpack / Vite / RollupJS / 代码分割 / 性能优化
  • 部署：Linux / Nginx / Docker / CI/CD / Vercel

工作经验

杭州籽行科技有限公司｜研发部｜前端（2024.12 - 2026.02）

参与开发 AI 教育平台 Learning I-Land，面向 G1-G12 国际学校学生和教师，负责学生学习端、后台管理系统、官网前端开发，并参与 AI 教育 Agent 的工作流设计与学习记忆检索方案落地。

核心贡献：

  • 实现 AI 流式对话系统，支持逐字输出 AI 回答。
  • 实现 KaTeX 数学公式渲染系统，支持复杂数学表达式。
  • 开发语音识别功能（Web Speech API），支持语音提问。
  • 参与 AI 教育 Agent 设计，围绕学生提问、知识点定位、学情记忆召回和个性化练习推荐设计 Agent 工作流。
  • 开发后台管理系统，包括题库管理、用户管理、学习数据分析。
  • 负责 Next.js 官网开发并进行 SEO 优化。

易网创新科技有限公司｜杭州平台研发部｜前端（2020.06 - 2024.07）

  • 参与跨境 B2B 供应链 SaaS 系统开发。
  • 负责 ERP、CRM、财务系统等后台管理系统开发。
  • 开发订单管理、库存管理、供应链管理模块。
  • 参与数据可视化平台开发，实现财务报表与业务数据分析。
  • 优化前端架构和页面性能，提升系统稳定性与加载速度。

项目经验

1) AI 3D 短剧 Agent 工作台｜Web 全栈 / Agent 开发

  • 项目地址：https://devflow.aiyly.com
  • 项目角色：Web 全栈
  • 项目简介：“文本 -> 世界资产 -> 分镜 -> 3D 运镜 -> 图生视频”的 AI 短剧 Agent 平台。用户输入小说章节或剧本文本，系统自动拆解角色、空间、道具和场次，生成资产主图、结构化分镜、Three.js 运镜预览，并接入 Seedance 图生视频任务，完成从小说到视频片段的闭环。

技术栈：

  • Next.js 16 App Router / React / TypeScript / TailwindCSS
  • Prisma / MySQL / Google OAuth
  • Docker / GitLab CI/CD / Nginx / Three.js

核心架构：

  • 前端工作台 -> Next Route Handlers -> AgentRun / AgentStep 状态机 -> AI Provider 层 -> MySQL -> Three.js 预览与分镜台

技术亮点：

  • 手搓工作流 Agent：使用 AgentRun / AgentStep 实现任务编排，支持 pending、running、waiting_user_confirm、succeeded、failed 状态流转，具备用户确认、失败重试、历史任务恢复能力。
  • 工程化与部署：接入 Google OAuth 登录即注册、MySQL 持久化、Docker 镜像部署、GitLab CI 自动发布、Nginx 反向代理和静态资源服务，完成生产环境上线。

2) Learning I-Land（数学教育 App）｜跨端前端开发

  • 项目简介：面向 G1-G12 学段学生的 AI 驱动数学教育 App，基于 React Native + Expo 搭建移动端学习应用，提供个性化学习、智能练习、实时答疑等功能。

职责与成果：

  • 负责核心学习模块研发（AI 题库 / 语音识别 / 流式对话）。
  • 基于 Expo 搭建 App 页面结构，处理移动端导航、页面状态、接口请求与学习流程交互。
  • 适配移动端公式渲染、答题输入、语音提问等复杂学习场景，优化页面加载与交互体验。
  • 实现实时语音转写、EPUB 电子书解析、国际化等关键功能，沉淀 Web 到 App 的跨端开发经验。

技术栈：

  • React Native + Expo + TypeScript + React Navigation + Zustand
  • KaTeX / React-math-keyboard / WebSocket / Web Speech API / React-intl / epubjs

亮点能力：

  • 自定义 LaTeX 解析器：支持混合文本、公式、图片的智能解析。
  • 跨端 App 开发：基于 React Native + Expo 实现移动端页面、导航与学习流程。
  • 实时语音转文字：WebSocket + 音频流处理。
  • 流式 AI 对话：流式接口响应 + 实时渲染。
  • 电子书解析系统：统一 EPUB 处理方案。
  • 完整国际化：中英文双语支持。
  • 复杂状态管理：答题流程多状态同步处理。

3) Learning I-Land 官网｜前端开发

核心实现：

  • 多语言营销站搭建（next-intl）。
  • 会员微信支付闭环：订单初始化、微信二维码生成（QRCodeSVG）、倒计时与状态轮询。
  • 账号与全局状态管理：封装登录状态、会员权益、支付轮询的全局读写与清理逻辑，保证个人中心与支付页体验一致。

技术栈：

  • Next.js 16（App Router）/ React / TypeScript / next-intl / Tailwind CSS

4) Learning I-Land AI 教育 Agent 设计｜AI Agent 开发

项目简介：围绕学生学习过程设计 AI 教育 Agent，用于完成“学习问题理解 -> 知识点定位 -> 学情记忆召回 -> 解题路径规划 -> 个性化讲解 -> 练习题生成”的闭环。学生可以用自然语言描述不会的题、薄弱知识点或学习目标，Agent 根据历史学习记录、错题反馈和知识库内容生成分层讲解与下一步练习建议。

核心架构：

  • 学生问题输入 -> FastAPI Agent 服务 -> LangGraph 状态图编排 -> Qdrant 知识库 / 学习记忆检索 -> LLM 推理生成 -> 校验节点 -> 结构化学习建议输出。

技术栈：

  • Python / FastAPI / LangGraph / Qdrant / OpenAI API / Pydantic
  • MySQL / WebSocket / Docker

技术亮点：

  • Agent 工作流编排：基于 LangGraph 拆分意图识别、知识检索、学情分析、讲解生成、练习生成、结果校验等节点，避免单次 Prompt 直接生成导致结果不稳定。
  • 学习记忆系统：将学生错题、已掌握知识点、最近练习反馈写入 Qdrant，下一次答疑时召回相似学习记录，生成更贴近个人情况的讲解。
  • RAG 知识增强：按年级、章节、知识点、题型构建向量检索上下文，让 Agent 回答时能结合课程知识库，而不是只依赖模型自由发挥。
  • 结构化输出：通过 Pydantic 约束返回学习建议、知识点标签、解题步骤、推荐练习和风险提示，方便前端直接渲染成学习卡片。
  • 工具节点设计：把难度评估、知识点匹配、练习推荐、学习进度更新拆成可复用工具，提升 Agent 输出的可控性和可维护性。

5) 跨境供应链与企业后台系统（易网创新）｜前端开发

项目方向覆盖宣传页、供应商入驻、客户询单、市场主题报告、商品管理、用户管理、账号中心与平台登录注册。

核心工作：

  • 可视化图表与动效：ECharts、SVG、CSS/JS 数据轮播动画。
  • 长列表展示与交互优化（包含瀑布流场景）。
  • 平台埋点服务接入。

相关技术栈：

  • React / React Native / Redux / TypeScript / UmiJS / Ant Design / ECharts

官网地址：https://www.easyya.com/

6) CRM 客户关系管理系统｜前端开发

项目目标：为供应链平台业务提效，支持线上客户管理。
主要负责：销售单管理跟进、客户管理、菜单权限管理等。

技术栈：

  • React + TypeScript + UmiJS + Ant Design + ahooks

7) 跨境供应链账期与风控系统｜前端开发

项目目标：解决跨境卖家成长阶段资金短缺问题，提供最长 90 天账期能力。

主要工作：

  • 风控准入申请账期流程开发（长表单填写、前端校验）。
  • 风控后台审核系统开发（预警监控、风险数据展示与打标）。
  • 工程提效：封装组件库，使用 RollupJS 0-1 搭建 npm 包发布与维护流程。

技术栈：

  • Vue3 + TypeScript + Vite + Pinia + Vue Router + Element Plus + ECharts + RollupJS

工程与部署经验

  • 独立完成 Next.js 项目上线部署。
  • Linux 服务器 + Nginx 前端部署。
  • CI/CD 自动化构建与发布。
  • 前端性能优化与生产环境配置。

个人爱好

手工 · 编织

教育背景

安徽机电职业技术学院｜软件技术｜大专（2016.09 - 2019.06）