前端开发者、AIGC 实践者，在杭州写代码，也把生活里的问题做成产品。
从前端工程，到 AI 工作流、3D 装修、家族记忆与本地 AI 相册——我更喜欢先动手实现，再把过程整理成可以复用的方法。
|
01 / PERSONAL WORKSPACE
作品、AI 工具、工作流和文章的统一入口。把分散的实践，整理成自己的数字空间。
|
02 / A BETTER READING FLOW
给 X 长文加一份可点击的章节目录。快速定位标题，滚动同步高亮，保留原有阅读体验。
|
|
03 / EXPLORE IN THREE DIMENSIONS
把户型、房间与装修方案变成可以漫游的三维场景，在真实生活的问题里探索 3D Web。
|
04 / YOUR PHOTOS, ON YOUR MAC
原生 macOS 本地 AI 相册与媒体管理工具。照片留在 Mac，按人物、文字与内容查找。
|
|
05 / KEEP THE FAMILY STORY
整理亲属关系，留存故事与记忆。为真实家庭做一套可以持续维护的家谱应用。
|
06 / FIND SIGNAL IN THE NOISE
把 AI、互联网与日常热点放在一起，做一个更方便浏览与整理的内容聚合站。
|
明确问题 → 设计结构 → AI 协作实现 → 检查验证 → 记录复用
用 MCP 连接工具，用 Skills 复用方法。关注 AI 如何进入真实开发流程：理解上下文、实现主流程、验证交互与数据，再把经验沉淀下来。
我的工作流 → · 工具、Plugins、MCP 与 Skills →
日常开发 TypeScript / JavaScript · React / Vue · Node.js
项目实践 Java · Three.js · 本地 AI · Vercel / Neon
一些一路积累的开源与工程实践
| 项目 | 记录了什么 |
|---|---|
| 前端技术博客 | VuePress · 前端知识、踩坑与实践记录 |
| React-TypeScript | React + TypeScript 项目实践 |
| vue-iframe-print | Vue 页面局部打印插件 |
| html-to-pdf | Egg + Puppeteer · HTML 转 PDF |
| micro-fe | qiankun 微前端实践 |
| fe-optimize · 配套分享 | 前端性能与体验优化 |
在写代码，也在记录过程。欢迎交流前端、AI 工作流，或给作品留个反馈。
掘金 · 文章 /
Bilibili · 视频 /
X · 想法 /
Email · 联系我
保持所有热爱，持续创造。 / Always a work in progress.