0代码，我用AI设计了一款武汉日出小工具

0代码，我用AI设计了一款武汉日出小工具

原文

我是一个日出日落发烧友，所以为了看日出日落，我爱上了跑步。

但是很多人起不来，经常加班，没有机会看绝美的日出日落，那怎么办？

而且能不能更多人来共创分享呢？

那我打造一个平台？

比如一个app，一个小程序，不，成本太高。

现在有了AI，完全0代码0成本，就可以实现。

全程只用了4款AI工具。

工作流为：ChatGPT生成指令，Claude 4 写前端代码，然后上传到GitHub，托管到后端的Vercel上。

如果你对这款小工具怎么来的，有兴趣，或者像我一样，0代码基础，也想自己动手做出点产品，愉悦自己，或包装成解决方案，来赚钱。

AI时代，互联网产品的工作流，已经和之前截然不同。

如果说以前是拉团队、租办公室、项目立项、融资、团队管理等等。

而现在是所有的硬件和团队都不需要了，只需要在产品维度思考问题，指令-前段代码- 中端的UI和交互-后端的服务器和数据。

那接下来，我们看看如何在这4个方面，从0-1完成一个小产品。

01 向ChatGPT提需求需求是所有产品的原点。

我们的这个日出小产品，需求是做一个小工具，实时看到每天凌波门的日出日落，并且支持自己分享，也看到其他用户的分享。

把这个需求直接发给GPT，让它生成指令，用于发给cluade来写代码。

这里面我们要注意，要对市面上主要的最强大的AI，要非常熟悉。

他们就是我们一人公司的AI员工，我知道他们各自的所长，任务来了，分配任务，坐等验收他们的工作成果，自己喝茶聊天玩耍。

GPT擅长写作，Claude擅长编程，DeepSeek擅长推理等等。

大概和GPT交互了5次之后，形成了这样一个指令，精准满足我们的所有需求。

你是一个前端开发专家，请帮我生成一个可以直接在浏览器中运行的日出日落小工具，满足以下需求：【核心功能】1. 获取武汉凌波门（纬度 30.537，经度 114.355）今天的日出、日落时间2. 使用 sunrise-sunset.org API 获取数据，并将时间转换为 Asia/Shanghai 时区3. 页面展示内容： - 当前日出时间、日落时间（居中） - 用户上传的一张图片，展示在页面中部的独立展示区域 - 精选他人图片若干张，使用 JavaScript 数组动态加载展示【精选图片要求】- 精选图片使用静态图片链接组成数组（例如：Unsplash 竖图链接）- 使用 JavaScript 遍历数组并插入 DOM，动态渲染每张精选图- 所有精选图片为竖屏风格（通过 CSS 设置统一高度如 300px，object-fit: cover）- 精选图片以卡片或 Grid 布局整齐排列，保持视觉统一【用户上传图片要求】- 用户可通过 <input type=\"file\"> 上传一张本地图片- 上传图片在页面中部专属区域展示，非背景图- 上传后立即在页面预览，图片仅限浏览器显示，无需服务器上传【页面布局】- 顶部显示标题：“凌波门日出小工具”- 然后是今日日出/日落时间- 中部显示用户上传图区域- 底部用卡片布局显示多张精选美图（动态生成）【技术要求】- 使用纯 HTML + CSS + 原生 JavaScript- 所有 JS 使用 <script> 标签内联在 HTML 中，不要用外部模块- 最终输出为一个完整的 index.html 文件，可直接部署在 GitHub Pages 或 Vercel- 不使用 React、Vue、Node.js、require、import 等依赖请输出完整、结构良好的 HTML 文件，含 CSS 和 JS，可直接浏览器运行。

02 Claude写代码把GPT生成的指令，发给Claude，让它写代码。

注意一定要买会员，使用最新的Claude 4模型，不仅对需求理解能力强，审美在线，而且差不多一次出稿。

03 复制代码到Github如果你做的工具，只是给自己看的，那完全不需要Github和Vercel，因为cluade直接可以生成html格式的，本地化可以直接查看。

但如果你想共享给别人，那就需要后端的服务器，来承载数据。

把Claude写好的代码，复制到文本（新建纯文本），另存为idex.html格式。

在Github里新建一个项目，上传这个本地代码。

04 上传到Vercel上，生成链接注册并登录Vercel，这是一款免费的后端工具，可以把你的代码免费搭建在上面。

登录后，绑定Github，会自动同步项目。

如此，你的想法就通过AI 零成本变成了产品。

最后把这款小工具，也分享给你，https://sunrise-tracker.vercel.app/（可以直接在微信里打开）你感受下。

当然这个工具，在其他用户发布照片上，还需要完善下。

所以，每一天起床，是不是都要向AI磕头，感谢这个伟大的时代，布道AI的伟大公司和人。