hello，大家好，我是老猫，欢迎打开本期推文。
大概三四年前，老猫就打算自己搞一套博客系统，无奈老猫实在是不太擅长前端与交互设计，写的页面不堪入目。折腾了许久后面也就算了，老老实实用了市面上比较成熟的博客类的工具，从开始的Hexo，再到后来的vuepress。虽然也能用，但是一直不是自己想要的。
原因大概有以下几种：
1、纯属个人技术追求与洁癖(程序员就该拥有属于自己的一套博客系统)。
2、虽然hexo以及vuepress都是非常流行的静态网站生成器，但是每次编辑文章之后都要手动push到远程服务器实在受不了，如果自己开发博客系统，一次部署即可，后续文章只要在后端进行编辑之后点击发布即可，一劳永逸。
3、第三方的博客软件虽然都拥有活跃的社区，提供了丰富的主题来改变网站外观，以及各种插件来扩展功能，如添加评论、统计、搜索等。但是使用别人的插件稳定性总归是差了一些。记得之前用了一个评论系统Valine，配置了通知邮箱，但是粉丝评论总是收不到提醒，导致错过很多粉丝留言。
4、浏览统计，点赞统计等等各个维度的数据需要依赖各个不同的网站插件，例如百度统计。非常麻烦，没有统一可见的平台。
综上，用第三方也可以，但是管理困难，定制化扩展困难，违背程序员个人技术追求，自己设计的博客系统，就像木匠给自己打一把专属的椅子，每一个榫卯、每一条木纹，都带着自己的心意。
虽然老猫是个前端菜鸡，但是我有AI呀。于是老猫尝试了很多款不同的AI工具。
深受领导PUA启发，学会了一句："里程碑，要结果导向。"，行，废话不多说，直接上结果：
看完上面的交互，各位有没有疑问，整个过程是如何实现的呢？(有需要源码的后台可以私老猫。)
整个网站的设计风格都是AI完成，甚至提示词都是AI自己生成的，因为老猫本身并不晓得我究竟要一个怎样的博客系统。这里和浪浪山小妖怪中的场景有点像，就是反正我要画唐僧师徒四人，长啥样，不知道，全凭感觉，可怜了鸡设计。
老猫最初的提示词大概是这样的：
"假设你是一名资深的交互设计，我是你的客户，我是一名程序员，我现在要设计一款属于程序员风格的博客网站，我需要你给出合适的提示词。博客网站要体现高级感。"
我就把这段话发给了deepseek。很显然，第一次交互很模糊，他一下子给了我好几个方案。
这下不就容易多了么，做选择题谁不会呢。
就这样几次交互之后，最终的提示词终于确定了。
之后，问题来了，咱提示词有了，那用啥软件去生成交互呢，于是老猫对比试用了下面一些AI软件，和大家同步一下体验。
01、readdy.site(网址：readdy.ai/)
体验如下：有试用次数，如果做上述老猫这类交互设计，试用次数是cover不住的，因为每次它设计出来的东西相对还是比较粗的，不会精确到某个实际的功能按钮，如果需要针对某个功能按钮描述，还是会消耗你的使用次数。
最终交互结果不能说差，设计得也还不错。问题就是：收费。
下载下来的交互可以是html，但不适合直接拿来拓展开发，不支持指定编写语言，后续页面编写还是得依赖vibe coding。如下图：
墨刀（modao.cc/ai）
相信很多人对这个软件并不陌生，一个比较专业的UI交互设计软件平台，也具备提示词生成UI交互功能，和上述的readdy.site一样，但也有试用次数，后续也是收费，但是收费比ready.site还贵，生成出来的效果不是很好，乍看还可以，整体页面都很漂亮，但是针对细节功能描述生成交互就差点意思了。
例如我说登陆忘记设计了，给我生成一个登陆口，结果这货给我整个页面重新二次生成了一遍，而且和第一遍还不一样，至于你说的登录入口，有时候有，有时候又没有，相当让人抓狂。
为此老猫充值了10000的积分，对于老猫来而言，说实在的，挺浪费的。当然如果你本身就是墨刀的深度用户，并且能够娴熟地使用墨刀进行交互设计，那么你完全可以在AI辅助生成交互之后创作出更加优秀的交互设计。
使用GEMINI（aistudio.google.com/）
放在最后介绍的当然是王炸了。
Google AI Studio 里的 Gemini 搞交互设计，直接把「设计苦手的噩梦」变成「脑洞玩家的快乐老家」，主打一个嘴炮出界面，空想变交互，连敲代码的苦功夫都给你省得明明白白～
简单说，Gemini 在这玩的根本不是传统设计那套「画原型 - 写代码 - 调交互 - 改 bug」的循环，而是开了 「氛围编程 + 生成式 UI 」 双 buff，主打一个「你敢说，它敢造，造完还能直接用」的骚操作！
你不用再对着 Figma 抠像素、对着代码框掉头发，哪怕你只会说「我要一个 ins 风电商页，色调清透、点按钮有软乎乎的动画，还能拖拽选商品」，Gemini 直接秒懂你的「设计玄学」，反手给你生成带完整交互的可操作界面------ 不是静态图片，是真的能点、能拖、能跳转的那种，连背后的逻辑代码都给你配得整整齐齐，主打一个「懒人式设计自由」。
关键问题是：纯玩 Gemini 做交互设计、瞎琢磨脑洞、生成原型自己用，Google AI Studio 一分钱不收 ！ 只有把设计落地商用、调用 API 上线，才会按规则花钱，主打一个「白嫖党狂喜，商用党明码标价」。
用 Google 账号登进去，不管是让 Gemini 生成交互界面、改原型、玩多模态设计，还是上传文件测试、调交互逻辑，全程无月租、无首充、不用绑信用卡，连 token 都不按个扣。唯一的小限制是有「软配额」（比如高峰时段可能只能用基础版 Gemini 模型），但日常瞎搞、做个人原型、小团队内部演示，完全够造，根本用不完～
所以最终效果还是DEEPSEEK+GEMINI王炸生成落地交互，甚至直接生成了vue的代码，下载下来就可以开发后端然后和后端联调。（不过这个得科学上网，有不晓得怎么科学上网的家人们可以后台私老猫）。
结束语
从三四年前的执念，到被前端劝退，再到今天靠 AI 把梦想落地，我最大的感受是： AI 不是代替程序员，而是帮我们补齐短板，把时间花在真正想做的事情上。
不会前端？没关系。不会设计？没关系。只要你有想法，AI 就能帮你把 "我想要" 变成 "我做到"。
这套博客还在继续完善，后续我会把：
✅ 完整提示词
✅ 推荐工具清单
✅ 前端源码
✅ 部署教程一步步分享给大家。
如果你也想做自己的网站、自己的工具、不想再被第三方束缚， 关注老猫，下期我们直接上代码、上教程，手把手带你用 AI 零门槛做属于自己的项目 。
我是老猫，一个用 AI 补齐短板、坚持做自己产品的程序员。我们下期见！