今天介绍下用 blot 人工智能开发网站。
工作中经常遇到海外一线和我反馈线上问题，排查问题一个关键的线索是用户 ID 和时间。
运营反馈的是当地的时间，而服务器存储的是 GMT 时间，我每次都要进行换算，实在麻烦。
所以我便想到了根据不同时区换算时间的功能。
输入提示词，我的提示词如下：
技术栈：用 HTML + TailwindCSS + Jquery 实现，不需要 node 打包
核心功能：我要开发一个根据世界各城市换算时间的英文网站，界面上首先会展示当前用户所在城市的时间以及时区。
在下方有输入时间的输入框，根据 jquery 时间插件选择，输入框的下方有两个下拉框，左侧是原时区，右侧是目标时区。
下拉框支持模糊搜索功能，选择好城市之后程序自动算出对应的时间，时间显示在下拉框的下方并居中显示。
在页面的下方区域罗列出世界上最主要的 6 个世界大城市当前的时间。
功能区域：需要有常见的各种 Section，最终全部 Section 组成了 SEO 友好的 Headings。
网站文案：需要符合 seo 友好，围绕着不同时区时间转换去编写页面的内容，内容为英文文案。
网站风格：网站配色和风格需要现代化、高级，类似于苹果官网的风格，网站需要自适应各种屏幕尺寸。
生成之后经过了几次调整，最终效果如下：
bolt 的优势是按照项目生成，而不是单一的文件。
其它人工智能生成代码都是单一的文件，无法将代码整合成一个项目，包括文件拆分、文件夹拆分、函数拆分等等。
生成后自带预览和交互功能，可以直接在 Preview 界面直接运行。
生成完成后点击右上角的 download，在本地浏览器中打开 index.html 直接运行无任何错误。
有了代码后就可以部署到 Vercel 中，Vercel 的部署过程此前已经介绍过，详见如何使用 Vercel 免费创建应用？。
部署完成后可以直接线上体验：https://world-time-converter.vercel.app/