：

• 你是一位资深设计师，你非常了解PC网页以及移动端的设计风格，拥有丰富的
  全栈开发经验及极高的审美造谐，尤其擅长小程序开发。
  一、我想做的小程序需求是：
  1、我想做一个小学古诗填空的小程序，譬如：“千山 飞绝”，让小孩填写 鸟，如果正确，则显示正确，否则显示错误，并告诉正确的答案以及这首诗的完整内容。
  2、 古诗要求：根据小学部编教材语文1-6年级的古诗词，每首诗的填空数量在3-5个。
  3、每个页面，显示1首诗，需要填空的字数控制在3-5个，不一定都是整个句子填写。
  4、每首诗的诗句内容垂直排列，独立成行。
  5、当用户输入答案完成后，点击提交答案，系统给出判断，并且给出下一首诗的内容。
  二、这里涉及到的计算规则如下：
  1、每一轮只给出10首诗的内容，需要填写的诗句。
  2、计算得分规则：如果全部输入正确了，每首诗得分10分，每一轮10首诗，总共100分。
  3、当前轮古诗完成后，根据下面的得分等级，给出相应的提示：
  90-100分：弹出提示：你太棒了，还需要继续挑战吗？
  60-90分：弹出提示：很不错哦，还需要继续挑战吗?
  30-60分：弹出提示：继续加油，还需要继续挑战吗？
  0-30分：弹出提示：你需要加油噢，还需要继续挑战吗？
  4、当第一轮10首诗完成后，给个提示：你真棒，还要继续挑战吗？如果选择是，那么继续出10首诗与第一轮诗不一样的内容
  5、古诗的内容需要包括小学部编语文1-6年的古诗内容，一共150首。
   三、设计要求：
  •设计目标：创建一组移动端UI原型，模拟HUA WEI Pura70的界面（尺寸： 6.6 英寸），具有圆角化和顶部状态栏，页面元素尽量美观高级，遵守移动端设计规范，注重UI细节 
  •风格要求：使用水墨画元素，如柔和的墨色、渐变、毛笔纹理和书法字体，色彩以黑白灰为主，点缀淡彩（如青、红），确保界面高级美观。
  •交互与数据：所有页面可点击交互（使用JavaScript模拟），数据为假数据（如占位文本和图像）。
  •图标处理：使用Lucide图标库，通过Static CDN引入（即直接链接到Lucide的CDN资源）。
  •文件结构：在design目录下生成多个HTML文件，每个子页面单独一个文件（如home.html, detail.html等），主页面index.html使用iframe嵌入所有子页面以便预览。
  •技术实现：使用HTML5、CSS3和少量JavaScript，确保响应式设计和移动端友好。思考过程仅思考功能需求、设计整体风格等，不要在思考时就写代码，仅在最终结果中输出代码 请按照以上要求生成完整的高保真原型图（html）

• 向AI输入的提示词如下：你是一位资深设计师，你非常了解PC网页以及移动端的设计风格，拥有丰富的全栈开发经验及极高的审美造谐，尤其擅长小程序开发。一、我想做的小程序需求是：1、我想做一个小学古诗填空的小程序，譬如：“千山 飞绝”，让小孩填写 鸟，如果正确，则显示正确，否则显示错误，并告诉正确的答案以及这首诗的完整内容。2、 古诗要求：根据小学部编教材语文1-6年级的古诗词，每首诗的填空数量在3-5个。3、每个页面，显示1首诗，需要填空的字数控制在3-5个，不一定都是整个句子填写。4、每首诗的诗句内容垂直排列，独立成行。5、当用户输入答案完成后，点击提交答案，系统给出判断，并且给出下一首诗的内容。二、这里涉及到的计算规则如下：1、每一轮只给出10首诗的内容，需要填写的诗句。2、计算得分规则：如果全部输入正确了，每首诗得分10分，每一轮10首诗，总共100分。3、当前轮古诗完成后，根据下面的得分等级，给出相应的提示：90-100分：弹出提示：你太棒了，还需要继续挑战吗？60-90分：弹出提示：很不错哦，还需要继续挑战吗?30-60分：弹出提示：继续加油，还需要继续挑战吗？0-30分：弹出提示：你需要加油噢，还需要继续挑战吗？4、当第一轮10首诗完成后，给个提示：你真棒，还要继续挑战吗？如果选择是，那么继续出10首诗与第一轮诗不一样的内容5、古诗的内容需要包括小学部编语文1-6年的古诗内容，一共150首。 三、设计要求：•设计目标：创建一组移动端UI原型，模拟HUA WEI Pura70的界面（尺寸： 6.6 英寸），具有圆角化和顶部状态栏，页面元素尽量美观高级，遵守移动端设计规范，注重UI细节 •风格要求：使用水墨画元素，如柔和的墨色、渐变、毛笔纹理和书法字体，色彩以黑白灰为主，点缀淡彩（如青、红），确保界面高级美观。•交互与数据：所有页面可点击交互（使用JavaScript模拟），数据为假数据（如占位文本和图像）。•图标处理：使用Lucide图标库，通过Static CDN引入（即直接链接到Lucide的CDN资源）。•文件结构：在design目录下生成多个HTML文件，每个子页面单独一个文件（如home.html, detail.html等），主页面index.html使用iframe嵌入所有子页面以便预览。•技术实现：使用HTML5、CSS3和少量JavaScript，确保响应式设计和移动端友好。思考过程仅思考功能需求、设计整体风格等，不要在思考时就写代码，仅在最终结果中输出代码 请按照以上要求生成完整的高保真原型图（html）

耐心等待AI完成上述的设计以及编程。

上篇文章（小白零基础从0到1：如何借助AI编程开发一个微信小程序？）介绍了小白零基础如何从0到1，借助AI编程开发微信小程序的整个流程。今天来介绍下如何借助AI编程，实现一个“趣填补充古诗词”小程序的实例的操作步骤，本文主要包括以下几部分：

1、如何借助AI编写需求，并完成开发工作？

2、如何借助AI编程进行调试、测试？

3、如何发布小程序的体验版？

接下来，我就以产品“趣填补充古诗词”为例，如何从产品需求、编程、测试以及发布的整个过程，做个详细介绍。

1 如何向AI提需求，并完成编程？

在开发软件产品过程中，首先得有产品需求。我是使用微信开发平台以及cursor 两者结合。在微信开发平台，点击 codebuddy，如图所示

            

 

在codeBuddy界面，输入需求内容：

向AI输入的提示词如下：你是一位资深设计师，你非常了解PC网页以及移动端的设计风格，拥有丰富的全栈开发经验及极高的审美造谐，尤其擅长小程序开发。一、我想做的小程序需求是：1、我想做一个小学古诗填空的小程序，譬如：“千山 飞绝”，让小孩填写 鸟，如果正确，则显示正确，否则显示错误，并告诉正确的答案以及这首诗的完整内容。2、 古诗要求：根据小学部编教材语文1-6年级的古诗词，每首诗的填空数量在3-5个。3、每个页面，显示1首诗，需要填空的字数控制在3-5个，不一定都是整个句子填写。4、每首诗的诗句内容垂直排列，独立成行。5、当用户输入答案完成后，点击提交答案，系统给出判断，并且给出下一首诗的内容。二、这里涉及到的计算规则如下：1、每一轮只给出10首诗的内容，需要填写的诗句。2、计算得分规则：如果全部输入正确了，每首诗得分10分，每一轮10首诗，总共100分。3、当前轮古诗完成后，根据下面的得分等级，给出相应的提示：90-100分：弹出提示：你太棒了，还需要继续挑战吗？60-90分：弹出提示：很不错哦，还需要继续挑战吗?30-60分：弹出提示：继续加油，还需要继续挑战吗？0-30分：弹出提示：你需要加油噢，还需要继续挑战吗？4、当第一轮10首诗完成后，给个提示：你真棒，还要继续挑战吗？如果选择是，那么继续出10首诗与第一轮诗不一样的内容5、古诗的内容需要包括小学部编语文1-6年的古诗内容，一共150首。 三、设计要求：•设计目标：创建一组移动端UI原型，模拟HUA WEI Pura70的界面（尺寸： 6.6 英寸），具有圆角化和顶部状态栏，页面元素尽量美观高级，遵守移动端设计规范，注重UI细节 •风格要求：使用水墨画元素，如柔和的墨色、渐变、毛笔纹理和书法字体，色彩以黑白灰为主，点缀淡彩（如青、红），确保界面高级美观。•交互与数据：所有页面可点击交互（使用JavaScript模拟），数据为假数据（如占位文本和图像）。•图标处理：使用Lucide图标库，通过Static CDN引入（即直接链接到Lucide的CDN资源）。•文件结构：在design目录下生成多个HTML文件，每个子页面单独一个文件（如home.html, detail.html等），主页面index.html使用iframe嵌入所有子页面以便预览。•技术实现：使用HTML5、CSS3和少量JavaScript，确保响应式设计和移动端友好。思考过程仅思考功能需求、设计整体风格等，不要在思考时就写代码，仅在最终结果中输出代码 请按照以上要求生成完整的高保真原型图（html）

耐心等待AI完成上述的设计以及编程。

注意：这里的需求内容主要包括设计要求、算法要求到具体需求，需要尽可能的描述清楚。但是如果第一次不能做到完整，也没关系，可以在后续过程中，跟AI对话，一步步完善。

2 如何借助AI编程进行调试？

1）待AI编写完成后（时间有点久，需要耐心等待），在项目工程的文件目录下，会自动产生如图所示的文件内容（这个是根据实际的需求内容产生的，不一定是相同的文件内容）。

   2）在微信开发平台，编译已经生成的代码，选择 工具---编译，如图所示。

3）如果出现编译报错，那么可以借助cursor+claude 开发平台或者直接在codeBuddy中，直接将问题抛给AI，让它帮忙解决，直到编译不再报错。

注意：我在使用AI编程过程中，我是在微信开发平台打开“趣填小学古诗词”的项目以及在cursor工具中也打开了“趣填小学古诗词”，在编译报错时，先将错误抛给cursor平台，让它帮忙修改，修改完成后，同步在微信开发平台进行编译，直到不再报错。

当编译不再报错时，我们可以在微信开发平台的模拟器上看到小程序的雏形：

就这样，通过AI编程实现小程序的开发工作，已经完成，用户可以输入填写古诗词了（前提：需求已经实现，并无编译错误）。

3 如何发布小程序到体验版本？

1）上传代码，版本管理

当编译无误时，在微信开发平台上，上传代码、提交版本，如图所示：

提交成功后，版本管理处，输入类似v1.0.0。

2）打开微信小程序后台管理，提交体验版

微信扫码，选择已经申请的小程序（比如这里是“趣填小学古诗词”），进入到微信小程序管理后台，选择首页---版本管理--前往管理

在版本管理页面，进入“开发版本”，将上传代码版本，选择为体验版本

这时候就会出现一个小程序的体验版的二维码，微信扫码后，即可进入

扫码后，就可以进入到我们开发的小程序啦

在实现编写小程序的过程中，遇到了不少的问题，但是不用担心，只要心中有了大方向（比如需要实现什么样的功能，需要怎样的流程？），有了AI，让自己静下心来，就什么都不是问题啦。

以上便是放假前一步步操作出来的，小白零基础如何开发一个微信小程序的具体步骤。

在AI时代，只有想不到的，没有做不到的。

谢谢阅读。