下班时间业余独立开2周,发终于上线了
上海程序员业余下班后 🧑💻 有感而写,这次我花了 2 周业余时间,做了一个自己一直想要的工具 —— 前端 AI 组件 Taildev。
背景
我们公司业务中,有时候需要 非开发人员 也能快速做一些简单的落地页,占用一些关键词以及新词。
以前的做法,是用 AI 反复生成对话记录,再拼落地页,结果就是样式杂乱、难调、效率低。
作为一个喜欢 TailwindCSS 的前端,我觉得这里面有很大的需求,所以决定利用下班时间动手做一个工具。
GPT-5 带来的变化
刚好赶上 GPT-5 发布,我发现 AI 在组件生成上的质量有了质的提升。
于是我第一时间接入 GPT-5,让它可以直接把 设计图、网站截图 还原成 TailwindCSS 组件。
它不仅能自动生成代码结构、响应式布局、配色,甚至文案也能帮你填好。
基本实现了设计 → 代码的无缝过渡。
功能亮点
除了还原功能,我还自己写了大约 100 个功能模块,并配合 AI 内置了 500+ 免费模板,包括:
- 登录页(Login)
- Hero 区块
- CTA(Call to Action)
- Pricing 价格页 ...等常用页面
这些模板不仅可以直接使用,还支持 一键替换模板内容,输入提示词即可定制化生成。
即使是不懂代码的人,也能快速搭建出漂亮的落地页。
体验
在图 2 我放了实际效果图,可以 1:1 还原,包括主题色。
目前接入的是 最新 GPT-5 模型,效果稳定,速度也不错。
未来我会在下班时间持续维护和扩展这些组件模板,让它越来越好用。
在线体验
有兴趣的朋友,可以访问 👉 taildev.com
后续我会加入 SVG 库 并且积极维护模板