前端工程
Front-end Engineering
Vue 3、Nuxt 3/4、Astro、TypeScript、Vite、Pinia
AVAILABLE FOR OPPORTUNITIES
把复杂的交互与 AI 能力,打磨成可靠、懂用户的 Web 产品。
实现一些奇奇怪怪的想法~
前端开发工程师 / AI 应用工程师
Profile
具备游戏官网、品牌营销活动、玩家服务与内部业务系统的前端交付经验,长期使用 Vue 3、Node.js、TypeScript 完成从页面搭建到上线维护的完整闭环。
擅长多语言与响应式适配、复杂动效及媒体互动、动态表单与文件上传等业务场景;近期完成 Agent、RAG、流式生成等 AI 应用工程实践,能够将模型能力落地的 Web 产品。
Skills
Front-end Engineering
Vue 3、Nuxt 3/4、Astro、TypeScript、Vite、Pinia
Motion & Media
GSAP、Three.js、PixiJS、Spine、Canvas、WebGL
AI Applications
OpenAI API、Function Calling、RAG、pgvector、Drizzle ORM、SSE、Node.js
Product Delivery
Vue I18n、多语言 SEO、OAuth / OIDC、阿里云 OSS、Docker、Nginx
Experience
前端开发工程师
负责面向全球玩家的游戏官网、预约活动、品牌官网与客服中心,以及 AI 客服平台的前端交付。
Projects
AI 应用 / 独立设计实现
AI 应用工程实践
内部项目 · 暂无公开地址面向游戏客服场景的 AI 邮件处理平台,覆盖邮件接收、知识检索、智能回复生成、草稿保存与发送的处理闭环。
Nuxt 4 · Vue 3 · TypeScript · Node.js · PostgreSQL · pgvector · Drizzle ORM · OpenAI API · SSE
游戏官网 / 营销活动
核心前端开发
md2.peropero.net ↗面向全球玩家的游戏官网与预约活动页,支持中文、繁中、英文、日文、韩文五种语言,包含官网展示、预约登录、OAuth 授权及奖励进度。
Astro · Vue 3 · TypeScript · Three.js · Spine · GSAP · UnoCSS · Axios
品牌官网 / 招聘投递
核心前端开发
peropero.net ↗公司品牌官网,负责产品展示、招聘职位、在线投递与联系我们等核心模块,提供桌面端与移动端独立体验。
Nuxt 4 · Vue 3 · TypeScript · Pinia · UnoCSS · GSAP · Canvas · WebGL · Docker
国际赛事 / 内容平台
面向全球用户的五语种原创音乐赛事平台,覆盖赛事展示、作品投稿、候选曲目投票、结果发布、评委点评、视频播放与社交分享。
Nuxt 4 · Vue 3 · TypeScript · Pinia · PrimeVue · GSAP · Vue I18n · Docker
More Work
多语言工单平台:配置驱动的动态表单、OSS 分片上传(压缩 / 进度 / 取消)、RSA 2048 加密、滑动验证与全局异常上报。
订货系统:梳理并落地 9 种订单状态流转,完成飞书 SSO / OIDC 权限、Excel 导出与 OSS + STS 上传。
0 - 1 重写网站,实现 PixiJS + Spine 动画方案封装与资源回收,支撑版本专题与周年活动,通过依赖分包与构建体积分析优化重资源页面。
Open Source
AI 实时生成图文内容的互动剧情游戏:开源 Web 端 10 个 PR 被合并(加密剧情分享导出 / 导入、场景图集 zip 打包下载、游玩历史、视觉点击设置、画布帧稳定、OpenAI 兼容图片参数扩展);同时负责移动端 App 与全栈开发:Expo / React Native App(邮箱 OTP、Apple / Google 登录、剧情创作与评论、通知推送)、Hono + Cloudflare Workers API 与故事引擎。
TypeScript · Next.js · React Native / Expo · Hono · Cloudflare Workers
面向多平台的现代化下载工具 YAYA(娅娅),覆盖 Tauri 2 桌面端 / 移动端 / Web:内置 HTTP / HTTPS 多线程分片下载引擎,支持断点续传、实时限速与文件校验;采用 Provider 扩展机制,站点能力由独立 Provider 提供、宿主保持内容中立;Vue 3 + UnoCSS 响应式界面,支持明暗模式与主题色。
Rust · Tauri 2 · Vue 3 · UnoCSS
VSCode 扩展,在编辑器内一键切换 Node.js 版本:自动检测 nvm / nvm-windows / fnm / pnpm / Volta / mise 并优先 nvm,状态栏实时显示当前版本与管理工具,支持全局 / 项目级切换与直接安装新版本,自动应用 .nvmrc、.node-version 与 Volta 配置,跨 Windows / macOS / Linux。
JavaScript · VSCode API
《鸣潮》2025 年度回忆跑马灯:Nuxt + Vue 3 + Three.js 打造 WebGL 创意页面,自定义 shader 实现环境水波动画、焦散、色差、菲涅尔边缘高光与镜面高光,搭配图片轮播、背景音乐与交互控制还原年度回顾氛围。
Nuxt · Vue 3 · Three.js · GLSL
another-yutto-gui(Tauri 2 + Vue 3 + Rust 的 B 站下载器 yutto GUI)、pmx-three(PMX 2.x 解析 + Three.js 渲染工具集)、ollama-lark-contentreader(飞书 / Lark 文档 MCP server)、async-image-generation(Codex skill)等。
Rust · Tauri · TypeScript · Three.js · MCP