个人项目 · 产品案例
TRADECRAFT · 跨境电商与人才运营模拟平台
TRADECRAFT 是一个将跨境电商运营、人才培养、项目现金流和项目交付集中展示的交互模拟平台。四组运营视图共享同一套 90 天模拟数据，结合三维场景、图表和事件回放，呈现订单、学习任务、收支与交付进度之间的关系。
Three.jsD3.jsJavaScript
Selected / Experiments / Products
项目案例与开源作品
记录我参与或主导完成的产品、开源项目与实验性作品。 每一个项目都从一个问题开始，最后沉淀为可使用的东西。
AI 应用与 Agent 开发服务 →11 个项目
个人项目 · 产品案例
答案小工厂 · AI 原理交互演示
答案小工厂是一个将 AI 答案生成过程转化为三维工厂的交互科普网站。用户把问题送进工厂，依次经过问题投递口、Token 切分机、上下文托盘、模型加工机和答案打印机，观察文字如何被拆分、带入上下文，并一块块生成答案。
Three.jsWebGL
个人项目 · 产品案例
Mocha Coffee 咖啡品牌叙事网站
Mocha Coffee 是一个以咖啡风味为主题的品牌叙事网站，围绕“Before the first sip”展开，将研磨、萃取与风味的故事融入随滚动推进的影像，让访问者在第一口咖啡之前感受品牌的视觉与节奏。
Vercel
个人项目 · 产品案例
mocha clothing 服装定制官网
mocha clothing 是一个面向品牌、设计师与团队的服装定制展示网站，以“Your design. Our craft.”为主题，通过运动、日常和居家三类系列，呈现从产品方向、面料与版型到品牌细节的服装开发思路。
Vercel
个人项目 · 产品案例
MochaSports 运动服饰定制官网
MochaSports 是一个面向团队运动服饰定制的品牌展示网站，以“Make it your game”为主题，围绕足球、篮球和日常训练场景，展示球队如何通过面料、配色、队徽、姓名号码和版型打造自己的装备。
Vercel
开源项目
Lumina
Lumina 是一款为 macOS 打造的悬浮氛围歌词舞台。它不接管音乐播放，而是读取系统正在播放的内容，把时间轴歌词变成一块可悬浮、可呼吸的视觉空间。
Tauri 2RustReact 18TypeScript+3
商业项目 · 产品案例
QuillTrace 桌面端
QuillTrace 是一款以本地优先为核心的论文写作与投稿桌面工具，将项目管理、文献整理、正文写作、引用追溯与投稿检查串联在同一条工作流中。
商业项目 · 产品案例
云南野生菌数字博物馆
云南野生菌数字博物馆是一座面向公众科普与学校教育的沉浸式 Web 3D 数字展馆，围绕云南野生菌标本、生态环境与地方菌物文化，构建可探索、可互动的线上博物馆体验。
Next.jsReactTypeScriptThree.js+1
商业项目 · 产品案例
Atlas Dashboard
面向创作者的数据工作台，统一呈现内容表现、发布节奏与增长趋势。
Next.jsTypeScriptPrisma
开源项目
Ink Editor
专注写作体验的 Markdown 编辑器，支持实时预览、代码高亮与快捷发布。
ReactMDXShiki
个人项目 · 产品案例
Compass Links
将团队常用工具、文档和服务按场景组织的轻量导航产品。
Next.jsTailwind CSSPostgreSQL