李宁

高级前端架构师 | 全栈 AI 工程师 | 独立开发者
📞 132-3318-1606 ✉️ myhazeflame@gmail.com 🌐 github.com/hazeflame 📍 北京 / 远程

个人总结: 资深前端架构师与全栈 AI 独立开发者,拥有 8 年以上实战经验。UmiAnt Design 社区贡献者(Contributor),对前端工程化、组件库底层设计及性能调优有深刻理解。专注于 AI 驱动的全栈产品研发与商业化落地;擅长运用 Vercel AI SDK主流 LLMs 多大模型编排与 Workers AIVector Search 向量检索 (RAG)Next.js 16 + OpenNext / Cloudflare Edge Native 架构构建低延迟、低算力成本的现代化 AI 应用,在全栈 AI 产品设计、AI-Driven SEO 及海外支付变现(Stripe / USDT)方面拥有丰富的成功闭环经验。

专业技能

独立全栈产品开发 (2025 - 2026)

技术栈: React + Next.js 16 + OpenNext + Cloudflare (Workers/Routes/D1/R2/Vectorize) + Supabase + Better Auth + Stripe/Creem/USDT

  • 独立完成从 0 到 1 的产品设计、前端实现、后端/数据服务(Supabase / Cloudflare Edge)、部署与上线;统一组件规范与页面风格,沉淀可复用 UI 组件库(shadcn/ui + Tailwind)。
  • 深度应用 OpenNext 编译适配层Cloudflare Routes 边缘路由分发,将 Next.js 16 App Router 全栈动态应用完全部署于 Cloudflare Workers 边缘节点(Edge-Native),实现低延迟并发与极小算力开销。
  • 使用 Gemini / Claude / Codex 辅助进行需求拆解、代码生成与重构,提高开发效率并缩短迭代周期。
  • 接入 Stripe / Creem / NOWPayments (USDT) 构建全球化支付与加密货币变现体系。
1) Yuzor.ai(AI 媒体创作与提示词工作区) yuzor.ai

技术栈: Next.js 16 (App Router) + React 19 + OpenNext + Cloudflare Workers / Routes + D1 + R2 + Vectorize + Queues/Durable Objects + Vercel AI SDK + Better Auth + Resend (邮件服务) + Stripe

  • Edge-Native & Cloudflare Routes 架构: 基于 Next.js 16 + OpenNext 全栈部署于 Cloudflare Workers 边缘节点;配置 Cloudflare Routes & Middleware 路由拦截,结合 D1(SQLite) 主库与 Cloudflare R2 / CDN 自定义域名路由 (cdn.yuzor.ai) 实现零 Worker CPU 消耗的高效分发。
  • 三级智能推荐管道: 设计 KV 缓存 -> D1 历史 -> Vectorize 向量检索 (@cf/baai/bge-base-en-v1.5) -> Workers AI 异步重排序 (ctx.waitUntil) 的混合推荐架构,保障高并发下的秒级响应与推荐精准度。
  • 高并发异步任务队列与 DLQ: 运用 Cloudflare Queues 与 Durable Objects 解耦耗时 AI 媒体生成任务,实现实时状态轮询、分布式锁防重与失败重试(DLQ 死信队列拦截)。
  • 多模型 AI 生成与积分账本: 支持 SDXL-Lightning、Flux-2-Klein、HH1-T2V (Text-to-Video)、PixVerse v6、Seedance 2.0 等图像与视频模型;设计 00:00 UTC Worker Cron 每日免费积分发放,结合 Stripe Checkout 实现订阅与积分充值(Credit Ledger)。
  • 身份鉴权与 Resend 邮件服务: 结合 Better Auth 与 Resend API 实现安全可靠的邮箱验证、密码重置及频率限制(Cooldown/Rate Limit)事务性邮件推送,保障零信任身份安全。
  • 自动化 ETL 工具链: 编写本地数据同步流水线(JSON 分页抓取 -> D1 快照 -> WebP/MP4 压缩处理与 R2 归档 -> Vectorize 向量重建 -> KV 预热)。
  • 全球化与 AI SEO 规范: 基于 next-intl 实现多语言国际化,配置 llms.txt / llms-full.txt 规范及动态 Sitemaps,提升搜索引擎及 AI Agent 抓取收录。
2) Girlove(AI 专属女友 & 虚拟伴侣互动空间) girlove.live

技术栈: Next.js 16 + React 19 + OpenNext + Cloudflare Workers / Routes + Vercel AI SDK + Workers AI + Cloudflare D1/R2 + Better Auth + NOWPayments (USDT 加密支付) + Tailwind CSS 4 + Framer Motion + Zustand

  • Edge-Native & OpenNext 架构: 采用 Next.js 16 + OpenNext 编译适配层无缝运行于 Cloudflare Workers 边缘节点沙箱,解决 Next.js 动态路由、Headers、Cookies 及 Server Components 在边缘无服务器环境的极致加载体验。
  • 分层角色卡模型与轻重分离: 设计 character 元数据与 character_definition 深度提示词分离的 D1 数据库架构,大幅降低列表页 IO 开销;支持公开/私密属性、Fork 故事存档与 Moderation 审校机制。
  • 低延迟流式对话与记忆存档: 基于 workers-ai-provider 与 Vercel AI SDK 打造无延迟打字机流式对话系统,实现角色对话上下文持久化与对话存档(Conversation & Memory Archive)。
  • 角色创作工坊 (Studio) 与 Feed 社区: 开发可视化角色创作引擎 (Studio),支持自主配置人设、场景与语气;搭建公开角色 Feed 分发、Taxonomy 标签分类与评论点赞体系。
  • 商业化与 USDT 支付网关: 集成 NOWPayments 接入 USDT 等加密货币全球支付通道,设计异步 IPN (Instant Payment Notification) 回调校验与 Webhook 订单履约逻辑,实现全球化变现。
  • 工程化脚本工具链与 SEO 矩阵: 编写 Node.js/ESM 自动化清洗与提取工具(CSV 角色卡批量导入、Taxonomy 分类树重构、R2 资产离线同步);构建 Characters/Users/Taxonomy 多维动态 Sitemap 矩阵。
  • 高保真微交互与分布式鉴权: 基于 Tailwind CSS 4 + Framer Motion 打造物理级视觉过渡、玻璃拟态与暗黑视觉语言,结合 Better Auth + Cloudflare D1 实现零信任无状态分布式身份校验。
3) BestAIDetector(AI内容检测) bestaidetector.net
  • 实现多入口检测流程(输入/提交/结果展示),支持检测结果结构化呈现与可视化展示。
  • 针对 SEO 做页面结构与元信息优化,提升搜索引擎收录友好度(Landing + 内容页体系)。
  • 构建 8-in-1 AI 工具箱,集成检测、改写、人性化 (Humanizer) 等功能,支持 DeepSeek, LLaMA, Claude 等最新模型检测。
  • 实现多模型混合投票机制,误报率降低至 5% 以下。
  • 商业化闭环: 接入 Google OAuth 一键登录体系,集成 Stripe + Creem 多渠道支付网关,实现订阅制变现。
4) Reformuler(AI改写/润色) reformuler.com
  • 设计文本改写工作流(输入→参数/模式→输出→复制/导出),增强可用性与转化路径。
  • 基于组件化表单/提示设计,降低用户操作成本,提升输出可读性与一致性。
  • 开发 Anti-AI 语义重写算法,有效绕过 GPTZero、Turnitin 等主流检测器。
  • 账户与支付: 完成 Google 快捷登录与 Stripe/Creem 全球支付体系对接,保障高并发下的订单处理稳定性。
5) OurGames(浏览器游戏聚合) ourgames.net
  • 构建分类/热门/最新等内容分发模块与列表页渲染,优化页面加载与交互体验。
  • 针对静态资源与路由做缓存策略,降低重复请求,提升页面响应速度。
  • 自动化内容流: 接入 GameMonetize API 实现海量游戏资源的自动化同步与实时更新。
  • AI 驱动 SEO: 调用 OpenAI API 针对不同游戏自动生成高质量描述文案与 Meta 信息,极大提升搜索排名与点击率。
  • 实现 Instant Play 技术,无需下载即可跨端流畅运行。
6) UnblockedGame(Unblocked游戏站) unblockedgame.xyz
  • 搭建 Most Played / Hot / New 等模块化内容页面,增强站内浏览与点击路径。
  • 通过前端工程化与资源压缩策略,提升移动端访问体验。
  • 基于 GameMonetize API 搭建内容分发体系,结合 OpenAI 自动重写 SEO 标题与内容,构建高权重的长尾词内容池。
  • 针对特殊网络环境(校园/办公)进行访问优化,Lighthouse 性能评分 95+。
7) KFCV(合作分发/收益看板落地页) kfcv.com
  • 搭建合作转化落地页与收益信息展示模块,突出“实时收益/奖励机制/合作流程”等关键信息。
  • 优化页面结构与表单转化链路,提升可读性与转化效率。
8) 量化交易

技术栈: Pine Script, TradingView

  • 使用 Pine Script 主导量化交易策略编写与回测,实现多维度技术指标的自动化信号分析。
  • 基于 Tradingview 图表库深度定制,使用 Pine Script做量化交易

工作经历

北京汉平通和科技 (Remote) 2023.06 - 2024.11
Taro React Next.js TypeScript
前端开发工程师
  • 主导停车场核心业务小程序架构设计,利用 Taro 实现跨端逻辑复用,大幅降低维护成本。
  • 负责后台管理系统的全栈式开发(Next.js),通过 SSR 优化首屏加载速度,提升系统操作体验与数据可视化能力。
  • 优化现有代码结构,建立组件化开发规范,提升团队开发效率。
Grubmarket.com (硅谷生鲜电商平台 Remote) 2021.04 - 2023.04
React Hooks AntD Redux Jest
高级前端工程师
  • 核心负责 B 端中台供应链系统的功能迭代与性能优化,支撑高并发业务场景。
  • 主导 ERP 管理系统的前端架构升级,引入 TypeScript + React Hooks 提升代码健壮性。
  • 推进自动化测试(Jest)与组件文档库(Storybook)建设,保障交付质量并降低沟通成本。
山西惠捷供应链科技 2020.04 - 2021.04
React 架构 前端基建 Team Lead
前端架构师 / 核心开发
  • 从零搭建 托运人/承运人/电商平台三大核心业务系统的前端架构。
  • 参与设计公司货运平台、电商平台后台管理系统的全流程开发。
  • 制定团队代码规范、API 设计标准及工作流(Git Flow),显著提升团队协作效率。
  • 研发团队内部效能工具,配合产品与 UI 进行 UX 调优,主导技术分享与新人指导。
磁力信 2018.02 - 2020.01
Umi 2/3 Dva React Hooks Node.js
前端开发工程师
  • 架构重构: 将老版本项目重构为 Umi^2.0 + Dva + TypeScript 架构,并全面使用 React Hooks 进行设计。
  • Hooks 工具库: 基于 Umi^3.0 和 ahooks 独立封装若干业务 Hooks,结合 ProComponents 二次开发,极大缩短代码量。
  • 核心业务系统: 负责教师K12教学管理系统开发,涵盖测评管理、排课、约课、育人体系等复杂功能模块。
  • 年级设置模块: 实现年级/阶段/科目/课程/教室/假期等多维度设置。封装公共 Provider 组件,通过 Redux 传递数据流,实现各设置模块数据互通。
  • 问卷库系统: 开发问卷创建引擎,支持单选/多选/文本等多种题型,并抽离通用组件供其他模块复用。
  • 评估报告系统: 开发高度可配置的学期报告模板(支持自定义封面、心理/学科测评报告插入、图文混排),并适配 Hybrid 端展示。
  • Node.js 打印服务: 独立开发 Node.js 打印报告微服务,获取学生及报告信息,拆分所有组件实现低耦合,生成后嵌入 OS 项目实现预览。
  • 2C 业务: 负责课程内容平台与学校课程内容平台的开发与架构迁移。
无限航路影视文化有限公司 2017.03 - 2017.12
Vue Webpack Mobile Web
前端开发工程师
  • ★ 独自负责公司移动端网站(M端)的 Vue 组件化重构,实现前后端分离,降低研发成本并提升上线速度。
  • 核心功能模块: 负责报名、投票及分享相关模块开发。实现数据分页加载,封装报名流程、用户详情页及投票代码块组件。
  • 交互与组件封装: 独立封装登录注册、头像上传裁剪、手势反馈自定义指令、Tab 切换、弹窗动画等组件,结合 Mint-ui 构建完整 WebApp。
  • 技术优化: 使用 Async/Await 优化异步逻辑,引入 Eslint 规范代码,利用 Webpack 优化构建。
  • PC 端海选系统: 负责报名投票后台开发,实现登录拦截、邮箱验证、列表图片上传预览等功能。

教育背景

华中科技大学 2012.09 - 2016.07
计算机应用技术 / 本科