作为一个后端程序员，之前也尝试过很多次入门前端技术，毕竟能自己写前后端才能更容易写出一些实用的工具，可惜入门多次都没能研究明白前端的样式到底要怎么调。

最近各种 Agent Mode 的工具出现，花了差不多半天时间，尝试让 AI 写了一个我自己的 Landing Page ，说实话，效果还挺让人满意的。

整个过程我几乎没有真正调整过代码，项目介绍基本也都是 AI 自己生成的，原本想着 GitHub 最近除了 MCP Server ，想尝试直接通过 MCP 直接把 Page 也部署了，后来发现还没实现 Page 相关的功能，就放弃，手动部署了。

附上地址，给各位看看成片效果：

kweizh.com/

哈哈哈，还不错啊

好像有 bug ，view on github 按钮点了没反应

还真是，不过也正常，现在的 AI 不是在写 Bug 就是在写 Bug 的路上，我来找一个 Agent 批评一下

Next 的话可以考虑用用看 v0.dev

btw ，我忘了关自动订阅被收了两个月的月费了 orz

右键查看元素就能看到，上面盖了一个不知道干嘛用的 canvas ，把那个 canvas 隐藏掉就能点到了

v0.dev 也用过，确实好评，最早尝试的就是 v0 ，但是有一个问题是 v0 似乎主要是生成前端的，设计很好看，但是要去接后端的时候，就有点抓瞎了。

最近这波 Agent mode 能直接让 AI 把后端也接起来，我再接手比较容易

背景那个动画

我一直用这个帮我写前端，只需要聊天就行： lovable.dev/?via=typescript

＃6 Next.js 也能写后端，而且无缝连接 supabase neon 这类数据库。

虽然但是，后端程序员写前端不是基操吗？

我 3.7 现在用得好降智。

  1. 登录成功刷新页面

（我..cursorrules 已经说明了是 vue ）

  1. 更过分的: 在 template 里面用.value

看着 template 里面的.value,能这么用的?

话说我每次被 nextjs 的 tailwind 配置搞的放弃，配置后老不生效，AI 也无法解决

所以现在都说最佳编程模型成 Gemini 2.5 Pro ，另外我猜测可能和中英文有关系

哈哈哈，我就是每次都调不明白样式

感觉和网站找个模版套进去也没啥区别，bug 还更少。

需要付费吗？

我以为你写了个产品来 demo, 一看是个个人主页 ...

我内容里就说了，尝试让他写一个我自己的 Landing Page ，毕竟 AI 和我都还没到半小时写了一个产品的水平

主要是为了验证一下现在 AI Agent 写前端的能力，能从零按需写 Landing Page ，类型也能按需写其它需要的产品前端

有很多不需要付费的工具，Cursor 免费也能用，Google 也刚推了 Firebase Studio

让 ai 用 tailwind.css 写，做出来基本都不会太丑

是的，tailwindcss 莫名契合了 LLM 时代，而且本身 tailwind 也确实挺好看的，就是平时没啥机会写前端，突然要写的时候，根本弄不明白该咋写，这时候 AI 就帮上忙了