WY 王元有(湛兮)
GitHub 联系

Frontend Engineer · AI Product Systems · Cross-platform

把复杂前端系统做成可交付的产品。

7 年前端与跨端开发经验,长期负责 Web、App、H5、小程序与管理后台的架构设计、工程化建设和核心业务交付。熟悉 AI 产品工程、SSE 流式通信、Next.js/Vue/React Native 跨端体系、微前端和 Monorepo 协作模式。

Proof

用指标说明影响力。

-30% 构建体积优化
-25% 首屏白屏时间
+50% 组件库效率提升
+40% 团队人效提升
40% 重复开发成本降低
30% 消息渲染性能提升

Strengths

适合负责高复杂度前端业务闭环。

01

主导多款企业级产品从 0 到 1 搭建,覆盖 AI 模型服务、AI 资讯对话、供应链、门店数字化、工业互联网平台等场景。

02

掌握 Vue3、React、Next.js、React Native、Expo、UniApp 等技术栈,能独立完成 Web、移动端、App 与管理后台方案落地。

03

推动 Micro-Frontend、SSR、pnpm Monorepo、Git Flow、代码审查、CI/CD、监控体系等工程化实践。

04

有明确的性能与效率结果:构建体积优化 30%、首屏白屏时间缩短 25%、组件库工程化提升开发效率 50%、重复开发成本减少约 40%。

Capabilities

不是技术罗列,而是围绕交付场景组织能力。

前端框架

Next.js 16React 19Vue 3TypeScript 5Tailwind CSS 4Nuxt/SSR

跨端开发

React Native 0.79Expo 53UniAppH5微信/飞书小程序

AI 与通信

Vercel AI SDK v6SSE 流式通信多 Agent 协作Markdown/LaTeX 渲染AI 对话AI 生图/生视频

工程化

pnpm MonorepoGit SubmodulesQiankunLernaGit FlowPlaywright

状态与 UI

ZustandMobXPiniaRadix UIAnt DesignElement PlusProComponents

基础设施

Alovanext-intli18nextARMS 监控CDN 优化Adyen 支付

Selected Work

把项目经历改成可扫描的案例索引。

01

SeaCloud / Vtrix

AI 模型服务平台(Web 端)

面向全球用户的 AI 模型聚合服务平台,聚合 LLM、图像、视频、音频、3D 等多模态模型能力,覆盖 C 端调用与 B 端组织/分销管理。

  • 分销商客户邀请、折扣模板、额度分配、销售配置与利润率计算。
  • 多币种与汇率体系,封装 useCurrency Hook 并贯穿 Pricing、Billing、API Keys 等模块。
  • 组织成员、角色权限守卫、配额设置、支出限额、账单报表、交易筛选与 Excel 导出。
  • i18n Submodule 架构迁移、企业微信同步工作流、通用表格/筛选器/分页组件增强。
Next.js 16React 19TypeScriptTailwind CSSZustandAlovaVercel AI SDKRadix UInext-intl
02

SeaBuzz

AI 智能资讯与对话平台

海艺 AI 旗下 AI 新闻聚合、智能搜索与多模态对话平台,基于 Expo 实现 iOS、Android、Web 三端统一开发。

  • AI Agent 对话完整链路:SSE 流式聊天、打字机渲染、Markdown/LaTeX、思考动画、来源引用与历史同步。
  • Discover 发现页与新闻详情,支持瀑布流、大/小卡动态布局、骨架屏与 Smart Image。
  • Google、Facebook、Discord、Email 登录与 SeaArt Auth SDK 对接。
  • Monorepo 公共包体系、API 层、数据模型、UI 组件、状态管理、OTA 热更新与代码签名机制。
React NativeExpo 53Expo RouterZustandNativeWindSSEi18nextAdyenLerna
03

霸王功夫

门店数字化与供应链管理平台

服务全球 6000+ 门店及运营伙伴的数字化管理平台,覆盖门店运营、食品安全、供应链协同等核心业务。

  • 小程序报损模块:摄像头扫码、在线报损登记,兼容微信小程序与飞书 H5。
  • 食安管理模块:低频蓝牙连接 TSPL 指令集打印机,支持国内、东南亚、北美三套业务逻辑。
  • 经营信息模块:多门店经营状态移动端看板,按区域、时间、指标筛选。
  • 供应链模块:采购系统、供应商合同管理、供应商结算系统,对接云厉、费控等外部系统。
React 18Vue 3UniAppMobXPiniaElement PlusAnt DesignProComponents
04

经营帮平台 + 经营帮拉新

工业互联网与微前端平台

基于信息化设计理念和区块链技术的工业互联网平台,为企业和个人提供数字化运营服务。

  • 参与单体前端到 Qiankun 微前端拆分,拆分出 12 个基础项目。
  • 负责商管、门户、经营帮系列小程序/H5/Admin 后台核心业务交付。
  • 引入华为云 OBS 直传减轻请求链路性能浪费。
  • 开发内部 Chrome 插件 zjkj-decryption,提升数据解析效率。
VueQiankunElement UI华为云 OBS百度地图高德地图IMUniApp

Experience

工作经历按职责演进呈现。

成都海艺互娱科技有限公司

React Native 开发工程师

  • 参与多款 AI 产品从 0 到 1 搭建与架构设计,覆盖前端性能、交互体验、国际化体系与多端组件复用。
  • 在 AI 对话、生图、生视频与多 Agent 协作领域沉淀工程经验,负责流式通信与前端渲染体验优化。
  • 支撑千万级海外用户产品,推动多端组件库统一建设,减少重复开发成本约 40%。

四川茶姬企业管理有限公司

高级 Web 前端开发

  • 主导供应链管理系统前端开发,实现采购、仓储、配送等核心模块。
  • 独立负责门店报损与食安管理核心功能搭建及迭代,覆盖国内、东南亚与北美业务逻辑。
  • 引入阿里云 ARMS 前端监控体系,落地 CDN 静态资源优化方案,并制定代码审查与 Git 操作规范。

中钧科技有限公司四川分公司

前端开发组长

  • 负责经营帮 PC 端微前端、门户和商管核心模块开发,完成 UI 还原、接口联调及性能优化。
  • 从零搭建新 E 畅行小程序基础框架,完成技术方案制定与全流程开发。
  • 主导经营帮小程序、H5、Admin 后台迭代开发与跨端技术方案设计,建立 Git Flow、代码审查和新人培训机制。

Featured Domains

最近项目重点。

SeaCloud / Vtrix AI 模型服务平台(Web 端)
SeaBuzz AI 智能资讯与对话平台
霸王功夫 门店数字化与供应链管理平台

Contact

可沟通前端开发工程师岗位。

电子科技大学 · 信息管理与信息系统 · 2023 - 2025