袁艺

袁艺 Alan Yuan

@LikeDreamwalker

前端 / 全栈 开发工程师
河北科技师范学院
计算机科学与技术 学士
北京 或 远程
前端 / 全栈 开发工程师(2025.8 - 至今)
PPLAUD.AI
负责 Plaud Executive Agent 的全栈架构和开发，覆盖 RSC 混合渲染、邮件 SCR 离线渲染、边缘服务、Serverless 服务和自动化测试体系
前端 / 全栈 开发工程师(2024.5 - 2025.7)
潞晨科技
负责 Video Ocean 的技术架构和方案设计，带领团队完成产品从 0 到 1 的交付
前端开发工程师(2021.5 - 2024.5)
滴滴出行用户增长部(UT)
车主商业化前端 Owner，四个业务方向、十余个前端产品的技术架构设计与性能优化
前端开发实习生(2020.11 - 2021.3)
Worktile
支持PingCode和Worktile相关需求开发
Plaud Executive Agent
2025.8 - 2026.3
Next.jsReactThree.jsPlate.jsCloudflare WorkersD1AWS Lambda
PPLAUD.AI
PLAUD.AI 在 AI 记忆管理方向的探索。硬件采集现实世界的信息，PEA 在虚拟世界管理知识。
用 3D 空间可视化用户的知识网络（Mind Palace），通过邮件让用户直连 AI Agent 并获得智能响应。
设计了一套邮件渲染方案，在服务端用无头浏览器渲染现代前端组件，再转换为邮件安全的 HTML。
基于 Cloudflare Workers 和 AWS Lambda 实现多云部署，从边缘服务到 Serverless 函数全栈独立交付。
Mirrorlake
Next.jsReactshadcn/uiVS Code ExtensionPythonTool Calling边缘服务
现代化的颜色分析和建议能力。包含 Mirrorlake Color Agent 和 Mirrorlake Color Highlighter 两个产品。
三层服务
实现优先。架构被划分为三层：Next.js 客户端、混合服务端（Next.js服务端与Python服务端）、推理引擎（DeepSeek）。
客户端快速响应用户交互并提供基础颜色转换，混合服务端提供进阶的颜色分析和建议能力，而推理引擎专注理解用户需求并通过Tool Calling完成任务。降低Agent产品中推理引擎的工作占比，减少运营成本并提高产品效率。
聚合部署
基于Vercel 边缘服务设计架构，实现在Next.js项目中聚合Python和Next.js服务端，混合计算并输出颜色分析和建议。
内嵌Webview
在插件中内嵌Webview，基于PostMessage实现与Mirrorlake Color Agent的同步交互。
Video Ocean
2024.6 - 2025.7
Next.jsReactshadcn/uiMaterial UInext-intlMDX边缘服务
潞晨科技
toC AIGC 产品，聚合视频、图片等多模态生成和编辑能力。
基于RSC设计混合渲染架构，通过极致的组件拆分最大程度降低客户端运行时开销。
设计原子化生成组件，按模型和模态维度拆解输入参数，实现任意配置和快速复用。
担任前端技术负责人，带领团队完成产品从 0 到 1 的交付。
AI 生万物
原子化生成组件
拆解繁琐、复杂的AIGC输入参数，基于模型/模态维度原子化设计输入组件，实现任意输入参数的配置和排列组合，并聚合生成组件以快速复用。
"Feature List"
Video Ocean 的早期技术方案，也是大部分AIGC产品的技术方案。基于功能（比如文生视频、图生视频等）角度设计输入组件，实现功能维度的任意输入组件配置能力，并通过配置化实现对应功能的快速开发和上下线。
滴滴有车：车主商业化
2022.3 - 2024.5
MPXVue 2.x
滴滴出行
四个业务方向，十余个前端产品，担任前端 Owner。
通过深入分析业务特点，发现各子业务流程高度相符，设计业务内核抽象方案实现大量逻辑复用。
针对性进行性能优化，90 分位页面加载时间稳定在1.6秒。
商业化的特点之一是所有子业务流程高度相符，通过对业务内核进行抽象可以极大程度复用已有业务逻辑，并降低开发成本，从而提高业务整体收益。