下班时间业余独立开2周,发终于上线了

68 阅读2分钟

下班时间业余独立开2周,发终于上线了

上海程序员业余下班后 🧑‍💻 有感而写,这次我花了 2 周业余时间,做了一个自己一直想要的工具 —— 前端 AI 组件 Taildev


背景

我们公司业务中,有时候需要 非开发人员 也能快速做一些简单的落地页,占用一些关键词以及新词。

以前的做法,是用 AI 反复生成对话记录,再拼落地页,结果就是样式杂乱、难调、效率低。
作为一个喜欢 TailwindCSS 的前端,我觉得这里面有很大的需求,所以决定利用下班时间动手做一个工具。

image.png


GPT-5 带来的变化

刚好赶上 GPT-5 发布,我发现 AI 在组件生成上的质量有了质的提升
于是我第一时间接入 GPT-5,让它可以直接把 设计图网站截图 还原成 TailwindCSS 组件

它不仅能自动生成代码结构、响应式布局、配色,甚至文案也能帮你填好。
基本实现了设计 → 代码的无缝过渡。


功能亮点

除了还原功能,我还自己写了大约 100 个功能模块,并配合 AI 内置了 500+ 免费模板,包括:

  • 登录页(Login)
  • Hero 区块
  • CTA(Call to Action)
  • Pricing 价格页 ...等常用页面

这些模板不仅可以直接使用,还支持 一键替换模板内容,输入提示词即可定制化生成。
即使是不懂代码的人,也能快速搭建出漂亮的落地页。

image.png


体验

在图 2 我放了实际效果图,可以 1:1 还原,包括主题色。
目前接入的是 最新 GPT-5 模型,效果稳定,速度也不错。

未来我会在下班时间持续维护和扩展这些组件模板,让它越来越好用。


在线体验

有兴趣的朋友,可以访问 👉 taildev.com
后续我会加入 SVG 库 并且积极维护模板