耗时一周手搓的个人网站居然长这样…

想着要用ai做个人主页很久了，拖延症选手pending许久后，短短续续耗时一周终于搓出来啦！（撒花🎉 🎯用到的AI工具&模型： TRAE（solo模式非常赞！就是非会员要排很久😭） Claude Code glm-5v-turbo（是的没错非常old school） 📽️工作流： 1.用自然语言描述+参考图+交互代码投喂，告诉ai想要做的样式 2.不断的修改&调试，直到满意 ✏️profile结构 1.首页做了一个3d头像（光拿照片建模花了我两天…），做了一个光源跟随+开灯的交互动效。 2.个人经历板块采用了3d动态环形卡片的形式，按照时间顺序呈现了过往的教育经历和工作经历。 3.优势板块用跑马灯+svg图标的形式，放了一些掌握的工具，增强动态感。 4.生活板块则用了拉拽打碎的动效交互，可以手动拖拽板块，到100%damage时，板块会脱落，展示除了工作之外多面的我。 5.项目板块做的比较简单，贴了一些vibe coding小工具的演示视频 🤔思考 1.idea和实现间永远存在gap 经常描述不出来想要的风格，或者做出来的和想要的效果天差地别，这个时候我会尝试把我想要的风格喂给ai，让他用几个词语描述下这些风格，拿到ai能读懂的风格提示词后实现效果能好非常多。 2.审美是vibe coding时代最大的分水岭 Ai其实打通了idea—产品的链路，但是如何呈现idea、实现功能是要深入思考的课题。 #vibecoding #trae2 #个人网站 #产品经理 #vibecoding大赏 #profile