前几天看到酷安有人在讨论微信鸿蒙原生开发时用到了Flutter，正好我们最近在学习安卓开发，于是我变去搜索了一下Flutter这个框架

后来我便被Google创建的这个跨端开发框架给迷住了，“一次开发，多端部署”

正好前段时间刷到有位B站UP主用Cursor+Claude 开发出了一个软件登顶App Store榜单

于是我也想用AI开发一款属于我自己的软件，于是便有了这次番茄钟的开发之旅，借此我也想给大家分享一下使用AI开发软件的一些经验

1.IDE与模型方面建议选择Cursor+Claude Consent 3.7 Thinking，这个模型目前是最适合开发软件的

2.然后在开发软件之前，你应该自己有一个是设计图（你可以使用Figma设计）或者让AI帮你生成，这里贴一段语句，你可以稍加修改扔给AI

我想使用{某种编程语言}开发一款.....APP，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发： 1、用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。 2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。 3、高保真 UI 设计：作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。同时确保设计的界面和功能能使用Flutter实现 4、HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他开源 UI 组件）让界面更加精美、接近真实的 App 设计。 拆分代码文件，保持结构清晰： 5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。 - index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。 - 真实感增强： - 界面尺寸应模拟 {填写尺寸或者机型}，并让界面圆角化，使其更像真实的手机界面。 - 使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Flutter官方 UI 资源中选择）。 请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。

3.接着请新建好对应的软件工程文件夹，把它导入进Cursor，让他帮你生成

我已经新建了一个默认的{某种编程语言}项目包含了{.......}，请根据我提供的原型图完成这个app的设计，请遵循{某种编程语言}最新的开发规范 所有界面请使用现代化的UI设计，遵循{某种编程语言}的设计语言（类IOS风格），包含合适的交互元素和视觉效果。设计遵循iOS/Android的设计规范。 请1:1按照原型图进行app设计！！

并且不要使用模拟数据，在完成设计的同时，也要保证功能的完成度，建议先列出一个功能清单，最后逐一对照功能是否实现

4.到这里APP的大致框架就差不多了

过程差不多接这样，但是用AI开发APP也没有想象的那么简单，最好是除了不会代码，其他的东西你都要会，好在我是计算机专业，对于小白来说，你肯定会遇到更多问题，但是希望你保持耐心

也许，AICoding的时代真的已经来临了

最后附上我开发的应用，希望大家能够喜欢TomatoTime - 提升专注力的番茄钟应用