2024年要说AI编程应用领域最出圈的事情，那应该就是小猫补光灯登顶IOS APP Store排行榜第一了，而开发者花生是一名前互联网大厂产品经理，并不是一名专业的程序员，但就是一名没有专业技能背景的AI应用开发者，靠着对需求的精确洞察，使用Cursor开发了小猫补光灯的产品，成功登顶，这意味着，未来产品经理会有更丰富的机会，准确地洞察实际需求，然后迅速开发一款APP投入市场验证。

我虽然也是一名程序员，但是我对APP开发可以说一窍不通，但在看了花生的一个APP开发讲解视频后，我使用Cursor实操后，也制作了我人生第一款语音笔记APP软件，而且还可以将笔记同步到Flomo笔记上，非常方便，下面我就来分享下这个APP的开发教程。

话不多说，直接上教程

1、环境准备

• Xcode
• 用于创建IOS app工程文件和调试运行
• Cursor
• 用于app的代码开发

1.1、新建IOS工程

打开Xcode之后，选择创建新工程就会进入此页面，然后选择IOS下面的APP，填写基础信息即可完成

1.2、APP开发提示词

使用cursor打开创建好的工程中的VoiceNote目录，我们所有的代码文件都需要在这个下面进行开发

提示词模版

  

你是一个出色的iOS工程师，我们目前新建了一个 iOS app项目，叫VoiceMemo，你现在正在这个项目的根目录，请帮助我完成这个app的开发。



## App功能说明



1、录音功能：用户可以通过点击界面底部的录音icon，将开启录音；

2、录音转文字：录音结束后请通过声音转文字AI将用户的声音转化为文字，并呈现在界面上；

3、文字润色：将声音转文字AI转录的文字发送给另一个文本处理类AI，这个会润色加工直接转录的文本，减少错别字，形成更流畅的文本；并提出关于这个话题的下一步思考方向，并以“#标签”的格式提供三种相关标签。



## App界面说明



1、首页：提供录音入口，并展示录音完成后AI转录的文本和AI润色后的文本；

2、历史：历史界面保存用户每一次录音的内容，包含录音文件、AI转录的文本、AI润色后的文本，每个历史记录都用一个组块展示，按时间倒序排列。

3、我的：这个界面的功能待定。



## 相关信息



1、录音转文字API文档：https://docs.siliconflow.cn/api-reference/audio/create-audio-transcriptions

2、文字润色处理API文档：https://docs.siliconflow.cn/api-reference/chat-completions/chat-completions

3、API key：API密钥[https://cloud.siliconflow.cn/models]





现在请作为产品经理，先写一个readme文档并保存在根目录，阐述你对我的需求的理解，以及实现方式，下一步计划等，然后开始编程，设计这三个界面和功能。





来源：花生进化论





**PS：链接需要单独复制然后粘贴到cursor上，它才会去分析链接里面的文档信息**

这里的API密钥需要换成你自己的，下面是获取操作

2、开发APP

在打开的工程中输入上面提供的提示词然后可以先从项目基础架构和 TabBar 控制器开始搭建

很好，然后先创建项目基础架构和 TabBar 控制器

接下来实现录音功能

好的，接下来开始实现录音功能，需要实现的功能如下：

1、创建录音管理器类

2、设计首页的录音UI

3、实现录音的核心功能

接下来实现语音转文字的功能

很好，接下来开始实现AI语音转文字功能，接口文档是https://docs.siliconflow.cn/api-reference/audio/create-audio-transcriptions

接下来实现文本润色功能

很好，接下来开始实现文本润色功能，接口文档是https://docs.siliconflow.cn/api-reference/chat-completions/chat-completions

接下来实现历史记录功能

很好，那接下来开始实现历史记录功能

这样我们的基本功能就实现了，我们这时候可以在Xcode中尝试编译项目，看是否OK

看样子是有错误，那我们就把错误信息往cursor里丢，让它分析和修复

这里我们如果不熟悉Xcode操作，可以尝试让cursor生成看看效果，但好像还是有错误，不过只剩下一个了，我们可以继续将错误信息丢给cursor分析

cursor开始分析然后修改模型文件

这里需要删除文件，那我们可以直接询问cursor让它给出删除命令

但是还是有错误，但不是之前的了，这里应该类型不匹配，不过不要紧，继续让cursor分析

还是存在问题，那我们可以使用cmd+k在指定的代码中进行单独询问

这次就构建成功了，接下来测试其效果

显示的是默认的hello world界面，还需要进行修复，输入下面提示词，让cursor处理

运行时发生错误，且界面是工程初始的hello world界面：

Error creating the CFMessagePort needed to communicate with PPT

接下来看实际效果

这里显示转写有问题，后台也有错误信息，直接丢给cursor去分析修复

这里其实还需要将错误信息发给cursor

说明我们接口实现有问题，

服务器错误(404):未知错误，请重新分析语音转文字接口文档 https://docs.siliconflow.cn/api-reference/audio/create-audio-transcriptions

**PS：同样的，链接需要手动复制**

这下我们知道原因了，是因为支持mp3格式，我们继续修复

可以看到转文字是已经成功了，但是文本优化是失败了，我们继续分析

还是一样，有问题把信息丢给Cursor分析即可

这次的执行结果可以看出来是没问题了，效果也不错

基本功能我们已经实现了，接下来我们实现一个进阶功能，将文本同步到笔记软件，flomo

在当前的基础上，添加一个功能可以将输出的文字信息上传到flomo笔记上面，接口的请求方式如下所示：



POST https://flomoapp.com/iwh/MjEzMTIxOQ/5b745db2e2a6746eccf7a5ae85e2adce/

Content-type: application/json

{

"content": "Hello, #flomo https://flomoapp.com"

}

最后我们再实现一个功能，因为这里它是把链接写死的，但是我们的APP如果发布出去的话，别人用的时候不就是把笔记同步到我们自己的账号了吗，所以需要支持自定义同步链接

然后再实现一个功能，这个同步的请求链接支持用户输入，不要设计为硬编码

这下就大功告成了，我们的语音笔记APP就开发完毕了。

3、总结

通过这次从零开始使用AI开发语音笔记APP的经历，我深刻体会到现在的AI工具确实让编程变得更加平易近人。无论你是产品经理还是编程新手，只要有清晰的产品思路，再加上AI的帮助，都能够将想法转化为现实。这不仅仅是一个APP的诞生故事，更是AI时代赋予每个人创造力的最好证明。

文章转载自： 看了小猫补光灯作者的视频，我用AI做出了人生第一款笔记APP