https://www.xiaoxiangtao.cn/zh/tags/ai%E5%BA%94%E7%94%A8/Recent content in AI应用 on Xiangtao's logHugozh-Hans15989119660@163.com (Xiangtao XIAO)15989119660@163.com (Xiangtao XIAO)Wed, 28 Jan 2026 00:00:00 +0000https://www.xiaoxiangtao.cn/zh/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/Wed, 28 Jan 2026 00:00:00 +000015989119660@163.com (Xiangtao XIAO)https://www.xiaoxiangtao.cn/zh/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/<p>3.15更新：</p> <p><a href="https://www.xiaoxiangtao.cn/zh/">//3pvtkwzwrm.coze.site</a></p> <p>coze生产环境的参数是部署时系统自动赋值的，不需要自己填API key之类的参数。重新做了一个在生产环境就跑通了，具体方法是让AI基于前一个应用生成一个详细的提示词包含功能点、技术架构等内容，感觉提示词专业的话对于编码还是有帮助的，但是依然会出现细节上的bug，需要进行两三次修复。功能出了问题好排查，配置或者网络等细节出了问题不是程序员的话真的不太好排查，也许是我对一些技术细节还不够了解。</p> <p><img loading="lazy" src="https://www.xiaoxiangtao.cn/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/2026031512591560-designaxt-1024x876.png"></p> <hr> <p>最近正好考虑雅思，新东方的雅思小程序推出了一个AI练真题的功能，参考这个试了下能否用扣子直接生成一个类似的功能。</p> <p><strong>功能介绍：</strong></p> <p>根据选择的题型随机生成题目，点击开始录音可以根据题型限制录音时长。录音结束后进行语音识别，并通过AI对识别结果进行分析，给出评分、改进建议和AI扩写的答案。</p> <p><strong>首页：</strong></p> <p><img loading="lazy" src="https://www.xiaoxiangtao.cn/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/2026012814413133-designaxt-1024x680.png"></p> <p>这里题目下方的灰色提示是AI自动补全的功能，prompt并未做要求，同时录音时间的文字提示也是AI补全的，页面也是响应式，交互总体比较友好。我也没有对UI风格做要求，感觉AI味比较浓（非贬义），第一遍生成的字体较小做了一次调整。</p> <p><strong>评分页：</strong></p> <p><img loading="lazy" src="https://www.xiaoxiangtao.cn/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/202601281501356-designaxt-1024x827.png"></p> <p><img loading="lazy" src="https://www.xiaoxiangtao.cn/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/2026012815015559-designaxt-895x1024.png"></p> <p>在扣子上直接部署后可能是api的原因，生成环境语音识别功能没有跑通，但是在测试环境实现了完整的功能。</p> <p>整个过程大概用了两个小时，修复bug的过程比较顺畅，会进行自测基本功能问题提了都可以修复。但是涉及到接口调用，环境部署等导致的问题时，修复bug的技术要求就直线上升了，需要你能够发现比较具体的问题并准确描述，否则的话只是基于前端的报错，AI可能无法定位到准确问题，对无开发背景的人来说还是有难度。</p> <p><img loading="lazy" src="https://www.xiaoxiangtao.cn/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/2026012815044317-designaxt-1024x183.png"></p> <p><img loading="lazy" src="https://www.xiaoxiangtao.cn/posts/preliminary-experience-generate-an-ielts-speaking-practice-webpage-using-buttons/2026012815041617-designaxt-1024x991.png"></p>