跳到简历正文
下载 PDF ↓
阿纸头像
你好，我是阿纸

AVAILABLE FOR OPPORTUNITIES

前端开发工程师

将复杂业务、动态体验与 AI 能力，交付为稳定可用的 Web 产品。

专注游戏与内容产品的前端工程化交付。

Vue / NuxtCreative WebAI ApplicationsGlobal Web Delivery
求职意向

前端开发工程师（游戏 / 互动 Web / AI 应用）

01

个人概述

Profile

近 2 年前端开发经验，负责面向全球玩家的游戏官网、预约活动、客服中心与企业内部系统，能够使用 Vue、Nuxt、Astro 与 TypeScript 推进需求拆分、工程实现、接口联调、部署及上线维护。

擅长多语言、复杂动效、媒体资源与业务流程工程化；近期独立完成 AI 客服邮件平台，覆盖 Agent 工具编排、RAG 知识检索、SSE 流式生成与人工复核闭环。

02

核心优势

Highlights

01

复杂业务交付

End-to-end Delivery

能够从需求拆分、组件设计、接口联调一路推进到部署、上线与后续维护，把复杂业务收束成稳定可用的产品。

需求拆分 · 工程实现 · 上线维护

02

全球化互动体验

Global Web Experience

擅长多语言内容、重媒体资源和复杂动效场景，兼顾桌面端与移动端的体验、性能和可维护性。

多语言 · WebGL · 动效 · 响应式

03

AI 应用工程实践

AI Application Practice

将知识检索、工具调用、流式生成、权限控制和人工复核组织成可追踪的业务闭环，关注实际交付而不止于模型调用。

Agent · RAG · SSE · 审计

03

技术栈

Skills

01

前端工程

Front-end Engineering

Vue 3、Nuxt 3/4、Astro、TypeScript、Vite、Pinia

02

互动与媒体

Motion & Media

GSAP、Three.js、PixiJS、Spine、Canvas、WebGL

03

AI 应用

AI Applications

OpenAI API、Function Calling、RAG、pgvector、Drizzle ORM、SSE、Node.js

04

交付与质量

Product Delivery

Vue I18n、多语言 SEO、OAuth / OIDC、阿里云 OSS、Docker、Nginx

04

工作经历

Experience

广州

peropero

前端开发工程师

负责面向全球玩家的游戏官网、预约活动、品牌官网与客服中心，以及 AI 客服平台的前端交付。

  • 负责面向全球玩家的游戏官网、预约活动、客服中心及企业内部系统，完成从需求拆分、组件设计、接口联调到部署维护的完整交付。
  • 承担五语种国际化、OAuth 登录、动态表单、文件分片上传及重媒体互动等复杂场景，保障桌面端与移动端产品稳定运行。
  • 独立设计并实现 AI 客服邮件回复平台，将知识检索、工具调用、流式生成、审计记录与人工复核组织成可追踪的处理闭环。
05

重点项目

Selected Projects

  1. 内部 AI 客服邮件回复平台

    AI 应用 / 独立设计实现

    AI 应用工程实践

    内部项目 · 暂无公开地址

    面向游戏客服场景的 AI 邮件处理平台，覆盖邮件接收、知识检索、智能回复生成、草稿保存与发送的处理闭环。

    Nuxt 4 · Vue 3 · TypeScript · OpenAI API · PostgreSQL

    • 独立设计邮件处理闭环，统一编排实时飞书、本地 XLSX、Markdown Skill 与 RAG 四种知识路径；路径严格隔离且失败不静默切换，保证回复依据可追溯。
    • 将工具白名单、权限分级与调用日志落到代码层，高风险场景转人工复核；同时通过内容哈希增量同步知识，使用 SSE 输出生成阶段与回复正文。

  2. Muse Dash 2 官网及预约活动页

    游戏官网 / 营销活动

    核心前端开发

    md2.peropero.net

    面向全球玩家的游戏官网与预约活动页，支持中文、繁中、英文、日文、韩文五种语言，包含官网展示、预约登录、OAuth 授权及奖励进度。

    Astro · Vue 3 · TypeScript · Three.js · GSAP

    • 基于 Astro 与 Vue Islands 搭建五语种官网及预约页，将静态内容与登录、预约、奖励进度等交互模块分离，兼顾首屏加载与业务扩展。
    • 使用 Three.js、Spine 与 GSAP 实现多层角色舞台、视差和横竖屏适配；完成验证码预约、Google / Apple OAuth 及多渠道重复预约状态处理。

  3. peropero 官网

    品牌官网 / 招聘投递

    核心前端开发

    peropero.net

    公司品牌官网，负责产品展示、招聘职位、在线投递与联系我们等核心模块，提供桌面端与移动端独立体验。

    Nuxt 4 · Vue 3 · TypeScript · GSAP · WebGL

    • 负责品牌展示、招聘职位与在线投递等核心模块，建设桌面端和移动端独立路由体系，并完成国际化、SEO、结构化数据及 Docker 部署。
    • 为简历附件设计分片上传与限流队列，覆盖进度、失败重试和多文件状态；同时建设可校验、可运行时切换的主题系统。

  4. 宇宙电台 Cosmic Radio 2025

    国际赛事 / 内容平台

    核心前端开发

    cosmicradio.peropero.net

    面向全球用户的五语种原创音乐赛事平台，覆盖赛事展示、作品投稿、候选曲目投票、结果发布、评委点评、视频播放与社交分享。

    Nuxt 4 · Vue 3 · TypeScript · Vue I18n · GSAP

    • 负责五语种音乐赛事平台的投稿、投票、结果及奖项等核心页面，支撑从作品提交到结果公布的完整赛程。
    • 解决长文案排版、移动端适配、投稿信息回填和视频预览等内容型业务问题，并通过图片懒加载、请求防抖、SEO 与社交分享完善传播体验。

更多项目

More Work

  • Muse Dash 客服中心

    多语言工单平台：配置驱动的动态表单、OSS 分片上传（压缩 / 进度 / 取消）、RSA 2048 加密、滑动验证与全局异常上报。

    玩家服务 / 多语言平台service.peropero.net

  • 企业内部商城

    订货系统：梳理并落地 9 种订单状态流转，完成飞书 SSO / OIDC 权限、Excel 导出与 OSS + STS 上传。

    企业系统 / 订货平台

  • Muse Dash 官网

    参与旧版官网 0 - 1 重构，实现 PixiJS + Spine 动画方案封装与资源回收，支撑版本专题与周年活动，通过依赖分包与构建体积分析优化重资源页面。

    游戏官网 / 互动体验musedash.peropero.net
06

开源与社区

Open Source

  1. InfiPlot

    核心贡献者开源 Web + 移动端 App

    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

    InfiPlot

  2. Yet-Another-Yume-Archive

    独立开发Rust / Tauri 多平台下载工具

    面向多平台的现代化下载工具 YAYA（娅娅），覆盖 Tauri 2 桌面端 / 移动端 / Web：内置 HTTP / HTTPS 多线程分片下载引擎，支持断点续传、实时限速与文件校验；采用 Provider 扩展机制，站点能力由独立 Provider 提供、宿主保持内容中立；Vue 3 + UnoCSS 响应式界面，支持明暗模式与主题色。

    Rust · Tauri 2 · Vue 3 · UnoCSS

    Yet-Another-Yume-Archive

  3. Fast-Node-Switcher

    独立开发VSCode 扩展

    VSCode 扩展，在编辑器内一键切换 Node.js 版本：自动检测 nvm / nvm-windows / fnm / pnpm / Volta / mise 并优先 nvm，状态栏实时显示当前版本与管理工具，支持全局 / 项目级切换与直接安装新版本，自动应用 .nvmrc、.node-version 与 Volta 配置，跨 Windows / macOS / Linux。

    JavaScript · VSCode API

    Fast-Node-Switcher

  4. wuwa2025

    独立开发WebGL / Three.js 创意页面

    《鸣潮》2025 年度回忆跑马灯：Nuxt + Vue 3 + Three.js 打造 WebGL 创意页面，自定义 shader 实现环境水波动画、焦散、色差、菲涅尔边缘高光与镜面高光，搭配图片轮播、背景音乐与交互控制还原年度回顾氛围。

    Nuxt · Vue 3 · Three.js · GLSL

    wuwa2025

  5. 其他个人作品

    持续产出独立项目

    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

    其他个人作品