前端工程
覆盖 React、Vue、中后台、数据可视化与复杂交互的完整交付。
全栈偏前端工程师 · 前端开发组长 · Agent 开发
构建可靠的业务系统与可落地的 AI 应用
拥有 7 年以上前端与全栈偏前开发经验,经历电商、智慧社区、互联网医院到企业级 AI 平台的业务演进,熟悉 React、Vue、Node.js、Python 与 LangChain / LangGraph,关注架构设计、核心模块交付和线上稳定性。
前端工程 × 全栈交付 × Agent 应用
使用 Tab 键进入能力节点,方向键可在节点间移动,Enter 键打开详情,Escape 键关闭详情。
从界面实现到系统架构,从性能优化到新型交互,每项能力都应该能够落到真实问题与技术决策中。
覆盖 React、Vue、中后台、数据可视化与复杂交互的完整交付。
从技术选型和框架搭建,到技术债务评估与渐进式升级。
面向 H5、APP、小程序与桌面端收敛平台差异和业务能力。
具备接口开发、数据存储、Linux 运维与自动化部署能力。
围绕企业智能体、RAG、文档理解、工作流编排与内容生成构建 AI 产品。
推动需求、架构、任务拆解、质量控制与发布维护形成完整闭环。
每个项目都已整理为可独立阅读的技术案例:从业务问题进入架构、方案、性能与复盘,并可沿项目导航连续浏览。
通过 AI Agent 降低电商视觉素材制作成本并提升上新效率。
面向电商商家和运营团队,以商品档案为数据底座,串联商品主图、详情页、卖家秀、图片复刻、包装设计、SKU 图和营销视频的生成、修改、预览与下载,并适配 SaaS、1688、千面等渠道。
AI 任务执行时间长,任务、会话和图片/视频制品需要并行同步;快速切换任务时旧请求可能覆盖新状态,不同 Agent 的表单、参数与计费规则也难以统一维护。
以商品档案和 Agent 配置为输入,将动态表单、长任务状态机、制品同步与渠道适配拆成边界清晰的模块。
完成从商品、Agent 表单、生成任务到制品预览下载的核心业务链路。
为企业提供开箱即用的 AI 应用与持续迭代的统一底座。
平台支撑多场景 AI 应用的开发、部署与优化,并提供企业知识洞察和数据洞察能力,帮助企业持续建设智能应用。
随着后台页面和依赖持续增加,首屏整包加载和本地热更新逐渐变慢,需要在业务扩展过程中控制前端体积。
以 React 管理后台为主体,按业务菜单划分路由模块,并以动态导入和容器化构建形成从开发到部署的交付链路。
形成支撑企业 AI 应用开发、部署与优化的统一管理平台。
让大模型分析结果与原始文档建立可追溯的视觉对应。
用户上传文档后,系统通过大模型分析问题并生成优化文案,在 Web 端同时呈现原文与优化内容,并通过 bbox 高亮建立一一对应。
PDF 缩放或旋转后 bbox 容易与正文错位,大文件一次性渲染全部高亮还会产生明显卡顿。
将文档渲染、模型结构化结果与编辑区分离,通过 pdf.js viewport 作为坐标转换的唯一基准连接原文与分析结果。
实现文档原文与模型优化内容的一一对应展示。
协调、调度和管理多个 AI 智能体完成复杂任务。
通过可视化编排组织多个 Agent 的职责、连接和执行流程,使复杂协同任务可配置、可理解并可维护。
编排图形成环路时可能造成智能体循环调度;节点数量增加后,拖拽和保存操作也会出现卡顿。
把可视化流程编辑与运行配置解耦,在保存边界完成图结构校验,再将合法配置交给智能体运行侧。
形成多智能体协调、调度与管理的可视化界面。
将用户图案稳定应用到家居产品,生成可用于展示的效果图。
面向跨境电商家居、家纺卖家,将 Logo、卡通形象或个性化图案应用到床单、被套等产品上,生成逼真的产品效果图。
模型返回的贴图坐标不稳定,Logo 容易随布纹拉伸变形,不同模型的生成效果也存在波动。
采用“模型理解位置、代码执行变换”的混合管线,让生成模型负责语义判断,让 Pillow 负责可重复的图像几何处理。
形成从图案输入、坐标生成到产品效果图输出的处理流程。
通过可配置字段映射连接不同医院与 SaaS 数据模型。
对接不同医院的线上数据,通过统一 VO 转换为 SaaS 兼容数据,并为技术人员提供接口配置、字段对照和数据同步管理能力。
不同医院的字段名称、类型和嵌套结构不一致,硬编码 VO 映射在医院接口变化后容易导致整条同步链路中断。
以统一 SaaS 数据模型为目标,在医院接口与业务系统之间建立可配置映射和同步前校验层。
形成面向多医院的数据接口配置与字段映射平台。
让不同医院在统一平台管理线上患者、医生、销售与财务业务。
连接线下医院的互联网问诊、开方、销售、随访、对账和医生管理等业务,为不同医院提供统一的线上运营后台。
多医院共用一套后台时,Vuex 与本地缓存未按租户隔离,可能出现其他医院列表或 IM 会话混入当前上下文。
以 hospitalId 作为租户上下文贯穿请求、状态仓库和本地缓存,在共用后台内划清医院数据与会话边界。
交付多医院共用的互联网智慧医院管理后台。
覆盖充电、门禁、消防与社区服务的后台和小程序系统。
社区管理项目包含智慧充电、智慧门禁、智慧消防和社区服务系统,覆盖后台管理、H5 与小程序等终端。
充电、门禁和消防多端复制列表、地图与支付组件后各自修改,同一交互存在多套实现,需求变更容易遗漏。
以共享业务组件和统一状态流程支撑管理后台、H5 与小程序,再通过终端适配层处理地图、支付和发布差异。
交付智慧充电、智慧门禁、智慧消防和社区服务系统。
让作品集本身成为前端工程能力的证明。
一个以内容为基础、以交互为叙事方式的个人开发者作品集,通过分阶段交付连接 DOM 内容、Three.js 空间场景与 GSAP 动效系统。
传统在线简历通常只能描述技术能力,却很难直接展示架构设计、交互实现、性能意识与 AI 应用能力。
以严格类型内容数据为源,保持语义化 DOM 为可阅读基线,再由 Three.js 场景与 GSAP 时间线提供渐进式空间叙事。
完成 React 19 与 TypeScript 严格模式工程基础。
职业时间线将呈现每一阶段承担的职责、关键项目、技术选择与可衡量成果。
LAB 用于记录粒子、着色器、WebGPU、交互、Canvas 与 AI UI 等非商业实验。
个人公开项目之一,详细技术说明与演示地址待进一步整理。
个人公开项目之一,详细技术说明与演示地址待进一步整理。
个人公开项目之一,详细技术说明与演示地址待进一步整理。
个人公开项目之一,详细技术说明与演示地址待进一步整理。
面向情侣场景的个人小程序项目,详细演示地址待补充。
Shaoin Personal AI 只围绕本人资料回答,并通过受控的 Website Action 帮你定位支撑答案的站内内容。
对话记录仅保存在当前设备。AI 的回答会提供资料来源;找不到依据时会明确说明,而不是补造经历或数据。
支持多轮对话、本地记忆与 Markdown 回答。
逐段展示回答,并支持主动停止和失败重试。
回答以简历、经历和项目案例为事实边界。
通过 Action System 编排页面滚动、内容高亮与能力宇宙镜头。
从电商与社区数字化,到医疗 SaaS、企业级 AI 平台和内容生成 Agent,我持续把复杂业务转化为清晰、可交付的系统。
我拥有 7 年以上开发经验,早期专注 Vue、uni-app 与多端业务交付,随后负责医疗 SaaS 的前端架构和团队协作,最近负责 React AI 内容生成工作台,并参与智能阅读、多智能体编排与图像处理应用。
工作中不仅关注功能实现,也承担需求拆解、架构设计、技术选型、核心模块、代码审查、风险预警、文档沉淀和线上维护;开发工具方面熟悉 Codex、Cursor 与 Claude Code,希望让产品体验与工程质量共同产生长期价值。
从目标、角色和流程出发,让架构服务真实问题。
在设计系统边界的同时,通过代码验证方案可行性。
持续关注线上稳定性、问题响应、文档与渐进式升级。
软件工程 · 本科
HTML / CSS / JavaScript / Vue · 职业培训
目前处于离职状态。如果你正在寻找具备复杂业务交付、前端架构、团队协作和 Agent 应用经验的开发者,欢迎通过博客、代码主页或邮件联系。
离职状态,可沟通前端组长 / 全栈偏前 / Agent 开发机会
公开联系邮箱:1195951949@qq.com