|
最近看到很多人在聊 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 的体验，欢迎各位F友交流～
对了，有没有大佬能指点一下，怎么让 AI 写的代码更"可控"一点？感觉有时候改着改着就跑偏了...
| 
