🚀 通过 灵犀 AI 从0到1开发一款自己的APP:我把完整流程拆给你看
Lv.1 新人创作者
🚀 从0到1用AI开发一款自己的App:我把完整流程拆给你看
💭 一、为什么我觉得「你也能行」
先说结论:用 AI 开发 App,最难的不是代码,而是"流程"——你只要把每一步拆清楚、照着走,AI 会帮你把剩下 90% 的活干完。
作为的运营岗+党建工作人员,我觉得通过ai来将重复的工作运行起来真的可以很提升自己的工作效率。下面这套流程,是我自己亲测走通的「AI 开发个人专属 App」完整路径。它适合那种"只给自己用、跑在本地、不用上架"的工具型 App——比如一个把工作、生活、健身全装进去的专属面板。我把它每一步的分解动作都写清楚,你可以直接照着做。
🗺️ 二、完整流程速览(先看全貌)
准备工作 → 写需求提示词 → 需求对话确认 → 生成 PRD → 生成开发计划
→ 第一版验收 → 保存当前版本 → 第二版开发(先功能后美化)→ 最终报告接下来,一步一步拆给你看。
🧰 三、分解动作:每一步怎么走
第 1 步:准备工作 🛠️
开发前只做两件事,5 分钟搞定:
在桌面创建一个文件夹 📁:专门用来存放 AI 开发的 App 源代码,之后所有文件都放这里,不乱不丢。
选一个智能体 🤖:常见的都可以(灵犀也可以支持的噢)。选你用得顺手的那个就行,流程是通用的。
第 2 步:写需求提示词 ✍️
这是整个流程最关键的一步,需求写得越清楚,后面越省事。
(1)先明确 App 的定位和提示词要包含的内容
举个我自己的例子,我要做的是"只供自己使用的生活专属 App":
它包含这些模块:首页总览、今日计划、自媒体、开发计划、咨询工作、健身计划、饮食计划、游戏娱乐、数据与设置;
首页要显示:今日计划、快速备忘,以及各模块的重要摘要;
每个模块要有符合自身的基础功能,不能只是把同一个任务列表换个名字。
同时我要说清楚运行要求:
(2)向 AI 输入提示词时,必须包含四个维度 🎯
维度 | 说明 |
我们想要什么 | App 的定位、给谁用、核心价值 |
主要功能和要求 | 有哪些模块、每个模块要做什么 |
不要做什么 | 明确排除掉的范围(如不做登录、不上架) |
不明白的问清楚 | 允许 AI 有疑问时反过来问你 |
(3)让 AI 先"复述确认",而不是直接开干
要求 AI 做到两件事:
先检查需求是否缺少必须确认的内容,如果有,就向你提问,一次只问一个问题;
如果没有疑问,就用普通人的语言复述需求,并整理出"第一版应该完成"和"暂时不做"的内容,等你确认。
第 3 步:需求对话确认 💬
AI 复述需求后,你逐条看一遍:对的地方确认,不对的地方直接指出让它改。双方确认需求无误、完成需求复述后,才算进入正式的页面结构和交互设计阶段。
第 4 步:生成产品需求文档(PRD)📄
进入页面结构和交互设计阶段后,第一件事是:让 AI 把已经确认的内容整理并保存为 PRD.md,作为后续所有开发的依据。
一份合格的 PRD 要包含这 10 项内容:
产品目标和使用场景;
整体页面框架和导航结构;
首页的内容结构;
每个模块的功能;
每个模块用到的最必要的数据和操作;
首页、今日计划和各模块之间的关系;
本地数据文件、备份和恢复要求;
第一版必须完成的功能;
第一版暂时不做的功能;
可以实际检查的验收标准。
第 5 步:生成开发计划,逐步开发 + 测试 ✅
PRD 定稿后,让 AI 做两件事:
根据当前 PRD 给出详细、可以直接执行的开发计划;
按照计划逐步开发,并且每完成一个阶段,都要添加并运行对应的有效测试。
这里有三条硬规矩,必须守住:
测试失败 → 先定位并修复,通过以后再继续下一阶段;
不允许通过删除测试、跳过测试、或降低验收标准来让测试通过;
开发计划全部完成后,运行所有测试,全部通过才算阶段结束。
第 6 步:第一版验收 🔍
开发计划执行完后,点开第一版,像真实用户一样从头到尾走一遍全流程,把发现的问题逐条记录下来。
第 7 步:保存当前版本(Git 存档)🗂️
写代码一定要学会"存档",否则改崩了就没法回头。四个步骤:
检查电脑是否已安装 Git,没有就按系统用安全正规的方式装一个;
在项目中初始化本地 Git 仓库;
提交存档代码,创建第一次 Git 提交;
之后每开发一个新功能、修一个 bug,都要求 AI 做一次 commit 提交。
第 8 步:第二版开发(先功能,再可视化)🎨
第一版存档后进入第二版,遵循先功能、再可视化的原则:
第一阶段:功能完善
先解决第一版验收记录的问题和新增功能,每次只解决一个问题;
每完成一个问题,都添加并运行对应的有效测试,通过后创建一次 Git 提交;
全部完成后运行所有测试、进行验收。
第二阶段:界面美化
功能稳定后,让 AI 按照"资深 macOS 产品设计师 + UI/UX 设计师 + React 前端工程师"的身份,参照 macOS 的风格来做界面设计。注意两点:
不能只用文字声称"已经具有 macOS 质感",必须通过真实页面、截图检查和测试来证明;
遇到不确定的视觉细节时,优先选择更清晰、更统一、更符合桌面工具、更少装饰、更真实材质层级的方案。
第三阶段:输出最终报告
美化完成后,要求 AI 输出最终报告,内容必须包括:
修改了哪些视觉系统和组件;
各页面进行了哪些调整;
如何实现 Liquid Glass 层级;
如何避免"大 App 内容化";
运行了哪些测试;
截图和生产构建结果;
是否存在尚未解决的问题。
同时强调:这仅仅是外观的改变,不能影响任何功能。
🕳️ 四、我自己踩过的坑(都是真金白银)
这套流程我也不是一次就走顺的,分享几个关键教训:
需求没说清,AI 就会自己"编" 😅:一开始我只说"做个生活 App",结果它自由发挥了一堆我不需要的功能。后来老老实实走"复述确认"流程,才不跑偏。
跳过测试,就是给后面埋雷 💣:有次为了快,让 AI 跳过一个模块的测试,结果下一个模块全崩,返工比省的时间多得多。
改崩了没有存档,只能重来 😱:早先没做 Git 提交,一次界面调整把功能改没了,只能回退重做。从那以后我坚持"每完成一个问题就提交一次"。
"像 macOS"不等于"说像就像" 🤨:界面阶段 AI 写了很多"极具质感"的话,截图一打开根本不对。所以一定要它用真实截图证明。
💡 五、最后送你三句话
先明确要什么,再让 AI 动手。 流程第 2 步的提示词,值得你花半小时打磨。
测试和存档不能省。 这是流程里最容易跳过、也最不能跳过的两步。
第一版做给自己用,就够了。 它能解决你自己的问题,就已经成功了一大半。
🌟 写在最后
用 AI 开发 App,真正给我最大的收获不是"我有了一个 App",而是想明白了一件事:
如果你也用 AI 开发过自己的小工具,欢迎在评论区聊聊你的流程和踩过的坑 💬。我们一起把这件"有点难但很酷"的事,做成。🤝
我的一些实例:
网页插件【学习强国信息采集】
自动发帖助手