作品

这里记录我负责过的 AI 应用、实时协作和支付后台项目,也收录持续维护的个人产品。每个项目写清楚我做了什么、解决了哪些问题,并附上可公开的截图与链接。

截图待补充
内部使用2025–2026

金融内容 Agent 与发布平台

负责金融内容 Agent 后端及 CMS 集成,将单篇内容从开始生产到最终发布的周期由约 3–5 天缩短至约 1 小时。

独立开发 Python / FastAPI 后端,将资料研究、大纲规划、写作、审核、修订和发布拆成可衔接的步骤,并接入搜索服务、数据库和 CMS。

处理工具调用超时、失败重试和降级,保存任务状态、资料来源与修订版本,支持幂等发布;通过 Langfuse 追踪调用,并用真实业务用例做评测与回归检查。

约 95% 的任务能自动完成流程并通过审核,无需人工介入;系统也保留人工审核入口。

PythonFastAPIOpenAI SDKPostgreSQLLangfuseCMS
查看项目细节
金融品牌官网与 CMS 截图 1
已上线2026

金融品牌官网与 CMS

负责 Next.js 品牌官网与 CMS 的搭建,统一管理页面、文章和媒体,支持 10 种语言内容维护,并接入 AI 内容发布流程。

从零搭建官网和内容管理后台,将页面模块、新闻、金融文章及媒体资源统一交给 CMS 管理,运营人员可以直接更新内容和维护不同语言版本。

将 CMS 与内容 Agent 打通,生成内容可进入草稿及发布流程;官网还集成了问答机器人,支持访客查询产品、服务与常见问题。

负责响应式布局、跨浏览器兼容、SEO 及页面动效,包括滚动展示、元素进场和悬停反馈。

Next.jsCMSAI Chatboti18nSEO
访问官网
API 文档协同编辑系统 截图 1
内部使用2025

API 文档协同编辑系统

主导内部 API 文档平台从零搭建,负责 Vue 前端与 Node.js 后端,基于 ShareDB 和 WebSocket 实现多人同时编辑。

完成客户端、管理端和后端接口开发,让团队在同一套系统中维护 API 文档。基于 ShareDB 的 OT 能力处理并发编辑冲突,通过 WebSocket 同步文档操作与状态。

处理文档订阅、断线重连与连接恢复,使用 JWT 进行身份校验,接入 Google Authenticator 二次认证;通过 Redis 缓存热点文档接口数据,并实现 Excel 导入导出和数据看板。

同时完成明暗主题与交互动效。系统需登录使用,这里展示可公开的界面截图。

VueNode.jsShareDBWebSocketOTRedis
访问站点
截图待补充
内部使用2023–2025

桃子熊卡支付金融系统

使用 React + Vite 开发和重构桃子熊卡支付后台,负责交易、账务和风控相关业务页面,服务内部运营团队。

负责 React 前端页面与接口联调,围绕支付运营需求完成业务功能开发和重构,处理交易、账务及风险控制相关的信息展示和操作流程。

系统供内部运营团队使用,涉及客户与交易数据,这里仅介绍职责与实现范围。

ReactVite支付后台交易管理风险控制
截图待补充
内部使用2023–2025

Aleta Planet Card 管理系统

主导支付运营后台的前端重构,重点完成 JSP 向 Vue 3 + Vite 的迁移,负责核心页面、公共组件及复杂业务功能。

两套支付后台的重构整体覆盖账户、虚拟卡、交易、结算、报表和风险控制等 100 余个功能模块,其中 JSP 向 Vue 3 的主要迁移工作在这套系统中完成。

负责动态路由权限、二次认证、KYC 视频预览、数据可视化和复杂报表批量导入导出,支持运营、支付及风控人员处理日常业务。

针对重复的查询和表格场景,抽象通用查询组件与业务组件,复用于多个模块。系统内部使用,这里仅介绍职责与实现范围。

Vue 3ViteJSP 迁移权限管理KYCECharts
工作流自动化
持续更新长期维护

工作流自动化

使用 n8n 连接数据采集、内容处理、通知和发布,减少运营人员在多个系统之间重复操作。

在新闻自动化场景中,串联热点搜索、选题去重、正文解析、AI 改写、多语言处理和 CMS 发布,发布后刷新站点地图并通过钉钉通知执行结果。

将重复步骤整理为可复用节点和流程,便于调整数据来源、内容处理方式及发布目标。

n8nWorkflowAutomationAI
微信小程序 截图 1
已上线长期维护

微信小程序

自研的三款微信小程序:麻上计分、去水印壁纸鸭、洛克万能助手,覆盖娱乐工具与游戏辅助场景。

麻上计分:朋友组局打麻将时的记账工具,免费无广告,支持建房、加减分、结算与历史记录,附带打牌间隙会用的小功能。

去水印壁纸鸭:解析抖音、小红书、公众号等平台的分享链接,一键去水印保存图片与壁纸,顺手解决「刷到好图却带水印」的痛点。

洛克万能助手:面向《洛克王国:世界》玩家的工具小程序,可查远行商人、孵蛋、家园与玩家信息,少开游戏也能确认关键数据。

微信小程序uni-appToolsGame
去水印壁纸鸭 截图 1
已上线2026

去水印壁纸鸭

已上线的 Next.js 在线去水印工具站,支持公众号、抖音、小红书、快手、哔哩哔哩等平台,粘贴链接即可解析并下载高清无水印图片与视频。

「去水印壁纸鸭」的 Web 版本,面向不想装 App、也不想登录的轻量使用场景:打开网页,粘贴分享链接或口令,一键解析原始媒体资源并保存到本地。

站点覆盖公众号、抖音、小红书、快手、B 站等主流平台,同时提供 API 接口定价页与微信小程序入口,方便个人用户与开发者按需接入。

基于 Next.js 搭建,注重 SEO 与首屏体验,配套使用手册、常见问题与结构化数据,方便搜索与分享传播。

Next.jsTypeScript去水印APISEO
访问站点
WebP Local 图片转换与压缩 截图 1
已上线2026

WebP Local 图片转换与压缩

已上线的 Next.js 本地图片工具站:PNG、JPG、GIF 等可转 WebP,JPG、PNG、WebP 可保留原格式压缩,所有处理都在浏览器完成。

WebP Local 是一个不依赖后端上传的图片处理工具。文件选择、预览、编码与下载都在当前浏览器完成,适合不想把设计稿、截图或原图交给第三方服务的使用场景。

转换模式支持 PNG、JPG/JPEG、GIF、BMP、WebP 与 AVIF;GIF 会导出为保留动画帧、时长和循环信息的动画 WebP。图片压缩模式支持 JPG/JPEG、PNG、WebP,并保持原始格式与像素尺寸。

工具支持一次最多处理 5 张图片,默认提供质量调节;所选图片、预览和结果会在 15 分钟后自动从本地浏览器内存清空。站点也提供中英文独立落地页、站点地图与机器可读说明。

Next.jsReactWebP图片压缩浏览器本地处理SEO
访问工具站
个人博客 截图 1
已上线进行中

个人博客

用 Next.js 搭建的个人站点,发布文章、整理作品、沉淀资源与一套在线工具箱。

从零搭建的全栈个人站点,支持 Markdown / Obsidian 写作、文章归档、资源库与几十款在线小工具。

注重阅读体验与性能:暗色模式、响应式布局,并对首屏加载做了持续优化。

Next.jsTypeScriptTailwind CSSMarkdown
进入首页