01 · AI + 体育数据
2026.06 — 至今
CupOracle — 2026 世界杯 AI 预测展示平台
Next.js 14 + Cloudflare Workers Monorepo
面向世界杯正赛的 AI 胜率预测 Web 仪表盘，支持多模型并行预测，部署在 Cloudflare 全栈生态。
核心贡献
- 构建 Next.js 14 App Router + RSC 全栈官网，Edge Runtime 全覆盖，通过 rewrites 代理消除跨域，Mock fallback 机制保障 D1 冷启动下的开发体验。
- 设计 Cloudflare Workers (Hono) + D1 后端架构，实现比赛/预测数据查询，支撑多维度赛事分析。
- 集成 OpenAI 兼容接口（DeepSeek / GLM / MiMo / MiniMax）多模型并行预测，通过 LLM_PREDICTION_MODELS 配置灵活切换预测引擎。
React 18Next.js 14TypeScriptTailwind CSSEChartsCloudflare WorkersD1Hono
Privy Vue 适配层（Web3 认证 SDK）
Vue + React 双端 Turborepo 库
自研跨框架适配层库，解决 Web3 社交/钱包认证服务官方只提供 React SDK 而 Vue 业务方无法直接复用的痛点。
核心贡献
- 用 Veaury 2.6（applyPureReactInVue）把 React 版 Provider 与 Login 弹窗桥接为 Vue 组件，包裹 @privy-io/react-auth 渲染容器，避免业务方重写认证 UI。
- 设计 Pinia 三层 store 抽象：sdk（原始 wallets / activeWallet）/ controller（userStatus / walletStatus 业务态机）/ inside（providerConfig + localStorage 持久化），与 genapi 自动生成的 OpenAPI 客户端解耦。
- 通过 privy-veaury-vue 进一步封装 @base-org/account + viem + @binance/w3w-ethereum-provider 多钱包检测、默认列表与 Farcaster MiniApp SDK 适配。
- 修复 v1.1.1-2 外部钱包连接与登录回调时序 bug，建立 LOGINED/LOGOUT × DISCONNECTED 状态组合机；monorepo 同步保留 React 端对照 demo 便于回归基线。
Vue 3.5React 19Veaury 2.6Pinia 3Vite 7@privy-io/react-authviemTurborepoChangesets
去中心化代币启动平台
pnpm Monorepo 多子应用
基于 Base 网络的去中心化代币启动平台，专注文化币 / Meme 币 / 社区驱动型数字资产的无许可发行与交易，配套 PC + 钱包内 DApp 双端访问。
核心贡献
- 落地代币发现 / CreateToken / TradingToken / MyDataToken / Exit 五大核心路由，PC 端 + 钱包内 DApp 通过 Farcaster MiniApp SDK 自动切换。
- 集成 TradingView 自定义配置 + 实时 WebSocket 行情 + ECharts 双引擎，覆盖 K 线、深度、链上数据可视化。
- Ethers v5 + viem + viem/Privy 双栈合约调用打通 Base 链登录与签名，配合 TypeChain + GenAPI 自动生成类型化合约客户端与 HTTP 客户端。
- 搭建 pnpm monorepo；UI 层混合 Element Plus + Naive UI + Reka UI + UnoCSS，配合 GSAP 强化打新/退出动效。
Vue 3TypeScriptVite 5PiniaUnoCSSElement PlusNaive UITradingViewEChartsethers v5viemPrivyFarcaster MiniApppnpm
04 · AI 基础设施 / 数据工程
2024.08 — 2025.12
AI 数据众包协作平台（大型 Monorepo）
多子应用多包
面向大模型训练的数据标注核心工作站，支持多模态（文本/图像/音频）并结合 Web3 Token 经济模型激励流动性。
核心贡献
- 基于 Konva 构建底层高频 Canvas 标注引擎，支持复杂骨架点/多边形截取，相较传统 SVG 方案更适合高频交互场景。
- 前置 OCR 解析能力，集成 Tesseract.js 直接在浏览器端完成识别，保护数据隐私并减少云端请求开销。
- 设计高内聚低耦合的 pnpm Monorepo 边界策略，提升跨终端组件复用效率。
- 将 TypeChain 强类型约束注入全栈与智能合约交互，降低 ABI 参数不一致带来的运行时风险。
Vue 3KonvaTesseract.jsviemVite
社交推文 AI 标注浏览器插件
pnpm + Turbo Monorepo
面向 AI 训练数据生产的浏览器扩展，注入 Twitter/X 与目标站点，把推文 AI 标注（情感分析 / 主题分类 / 命名实体识别）、XP 积分激励、Web3 钱包提现串成「标注 → 积分 → 链上奖励」AI 数据众包闭环。
核心贡献
- content 端向 X/Twitter 推文注入标注面板，覆盖情感分析 / 主题分类 / 命名实体识别 三类打标，配套 mark.js + GSAP 完成文本高亮与动效。
- 设计按 basic 5 / standard 10 / expert 50 XP 难度分级激励，单推文额外 +10 XP、上限 +500 XP，结合 TaskList / XpLevel 实时进度条强化任务驱动感。
- popup 端集成 2FA 安全登录、钱包连接与提现记录视图，通过合约 ABI 抽象 + wallet.ts 实现链上代币奖励结算。
- 搭建 pnpm + Turbo monorepo，三端（content / background service worker / popup）通过共享抽象打通消息与存储 API。
Vue 3TypeScriptVite 5PiniaElement PlusUnoCSSmark.jsGSAPethers/viemChrome MV3Turbo
Telegram 去中心化社交 & 养成游戏生态
Telegram Web App (TWA) + 微服务中台
面向 Telegram 开放平台，定制去中心化互动社交系统与游戏生态（例如养成类游戏经济模型）。
核心贡献
- 采用 Deno 搭配 Oak 框架作为 Bot 调度节点，利用内置 TypeScript 安全沙箱和拦截装饰器（@Logger/@Trycatch）构建中间件处理链路。
- 小程序侧引入 Pixi.js / Konva 组合构建富交互界面（如大型跨端触控操作与游戏农场调度渲染）。
- 通过一套 postcss 配置层适配 Telegram iOS / Android / Windows 客户端内嵌 WebView 布局差异。
- Bot 端用 grammy 编排多类命令 + 私聊/Inline/Callback/Contact 多类消息统一处理，HMAC-SHA256 initData 验签防 WebAppData 伪造，grammy-i18n 完整多语言中间件链。
DenogrammyPixi.jsVue/React
07 · Web3 DApp / 链上预测市场
2022.05 — 2023.06
Web3 社交预测平台
pnpm 多构建工具链 Monorepo
覆盖赛事大厅、下单处理、自建事件、Membership NFT、个人中心全链路的 Web3 链上预测 DApp，同一套 common workspace 并行部署到两条公链。
核心贡献
- 落地多业务模块：赛事大厅（多主题入口）/ 单/串/系统盘口 / 链上交易跟踪 / CreateEvent 用户自建预测 / Membership NFT 铸造展示 / Mine 个人中心（History / Resolution / Statistics / Task 任务奖励）。
- 多链并行架构：Vite（主链）+ Vue CLI 5 webpack（多子链）共用 common workspace 复用基础能力。
- 自研 abi-types-generator 脚本一键生成多份合约 TS 类型，ethers v5 + WalletConnect v1 + MetaMask 多钱包接入。
- 视觉层用 PIXI.js v7 老虎机/动画、GSAP Business + Lottie 动效、ECharts + Highcharts 图表；资源层用 SVG sprite + 雪碧图优化；Dockerfile + docker-compose 镜像编排。
Vue 3TypeScriptViteVue CLI 5PiniaElement PlusUnoCSSethers v5WalletConnect v1Apollo GraphQLPIXI.js 7GSAPLottieEChartspnpm