[Vibe Coding] 做了个免费人生 K 线图生成器，欢迎体验： https://lifekline.net

最近看到很多人在聊 vibe coding ，作为新人也想试试。

周末花了两天时间，用 Claudecode 写了个小项目：人生 K 线图生成器

原本有开发者做出来了，后面用不了索性自己做了一个，于是就有了这个项目：输入生辰八字 → 生成人生 K 线图 → AI 解读运势

Vibe Coding 体验

尝试让 AI 写了所有代码，感受：

效率提升明显的地方：

• 八字排盘算法实现 - 传统命理规则复杂，AI 能快速理解需求并生成代码
• K 线图 Canvas 绘制 - 描述交互逻辑后直接出可用代码
• 响应式布局调整 - 多端适配效率很高

需要人工介入的地方：

• 地理位置经纬度处理 - 最终还是接入高德地图 API 更稳定
• 长对话上下文管理 - 复杂功能需要分模块开发，避免上下文丢失
• 边界情况处理 - AI 生成的代码需要补充异常处理逻辑

技术栈

• React + TypeScript + Vite
• K 线图：Canvas 手撸（没用图表库）
• AI 解读：支持 5 大模型
• 部署：Cloudflare Pages
• 开发辅助：Claudecode

成品

免费体验： https://lifekline.net

功能：

• 输入出生日期时间 → 生成 1-100 岁的人生 K 线图
• 支持真太阳时校正（根据出生地经度）
• AI 解读性格、事业、财运等
• 八字排盘全在浏览器本地计算，不上传服务器

纯属娱乐项目，命理这东西信则有不信则无。

“除非你意识到你的潜意识，否则潜意识将主导你的人生，而你将其称为命运。"— 卡尔·荣格

主要是想分享一下 vibe coding 的体验，欢迎各位 V 友交流～

对了，有没有大佬能指点一下，怎么让 AI 写的代码更"可控"一点？感觉有时候改着改着就跑偏了...