Perry's desktop-style personal site for an AI product builder
Personal homepage of Hangzhou AI PM and designer Perry: a desktop-window layout with a video-based ASCII hand animation on the home pane, plus works, writing and a chat-able AI double, Perry Double.
用枯白老师的ascii技巧，让 claude 优化一轮 我个人站 http://imperry.com 的首页动画，优化完生动好多。 之前是让 gemini 自己画的手，就没这么生动。 claude 推荐的的方案是先让我生成一个视频，再基于视频做ascii动画，就生动很多了， 特别是手指的动画，这个AI很难直接通过代码画出来。 之前整体完全是 grokbot 口喷出来，很多细节比较粗糙，claude 又帮忙优化了很多小细节，动效和UI。 这里又跟着学了很多知识，整个 Perry Double 都是 grokbot 和 claude 教我一步步搭建的。 前端选了 ai-sdk ，直接调 ds 的 api 做 chat，然后用 cloudflare 自带的 Workers AI 里的 bge-m3 做 embedding ，向量库和知识库也直接用 Cloudflare Vectorize 和 KV。（不得不感慨一句 CF 真是AI时代最重要的基建之一，太好用了） 然后是热更新，一开始知识库使用 JSON 打包进 Function 来做，但是问题是每次更新文章就要重新发版部署。 然后有用了 KV 存整份 JSON，用脚本推送。后续内容多了才改成改成用 D1 + Vectorize。并且更新成了混合检索的方案，BM25和向量并行，用RRF融合。 整体做完还蛮有意思的，学了很多之前不曾触碰的知识，特别是学习这些知识的过程，非常开心非常有趣， 果然过程才是最令人开心的啊！