【案例共创】华为云码道代码智能体实践: Spec开发宠物小程序

背景

随着宠物经济的兴起，数字化工具成为宠物店提升服务效率与用户体验的关键。本项目旨在利用码道（CodeArts），快速构建一款贴合实际业务需求的宠物店预约小程序。

宠物经济数字化

1. 宠物消费市场增长：宠物主对高品质服务的需求日益增长，愿意为便捷、专业的服务付费，形成了巨大的市场空间。
2. 传统的管理方式痛点：传统的电话、微信预约方式效率低下，易出错，难以进行有效的模块数据统计和分析，制约了门店的进一步发展。
3. 小程序解决方案：小程序作为一种轻量级应用，无需下载安装，即用即走，非常适合宠物店这类需要快速触达用户的线下服务场景。

业务需求与挑战

1. 核心功能梳理：明确小程序的核心是解决预约管理问题，需包含服务展示、在线预约、信息收集等基础功能。
2. 用户体验要求：界面需要温馨友好，操作流程应简洁明了，减少用户学习成本，提供流畅的使用体验。
3. 开发技术门槛：对于没有编程基础的宠物店老板而言，如何跨越技术门槛，快速实现想法并上线是最大的挑战。
4. 数据安全与可靠：确保用户提交的个人信息和预约数据安全、可靠，防止数据泄漏或丢失，是系统稳定运行的基础。

AI赋能，让软件开发更简单、更高效

码道通过多项智能体核心能力重塑开发体验

1. 需求智能拆解：输入自然语言描述的需求，AI可自动拆解为详细的功能点和开发任务。
2. 界面原型生成：根据需求或草图，AI可快速生成符合规范的UI界面原型，加速设计环节。
3. 代码自动生成：AI根据设计稿和业务逻辑，自动生成高质量的前后端代码，减少手动编码工作量。
4. 测试用例生成：自动为代码生成单元测试、集成测试用例，提升代码质量和可靠性。
5. 智能问题修复：AI能够理解上下文，辅助开发者快速定位并修复BUG。

码道（CodeArts）实践

通过码道的Spec、规则和Skill，我们能够高效、规范地完成宠物小程序的开发。在实践过程中亲自体验感受AI编程、AI协作的强大优势。

Spec开发模式

模式选择

• Vibe-Coding模式：边说边做，快速验证。通过对话探索想法，通过迭代发现需求。
• Spec-Driven模式：以规划为导向，交付精准，代码优质。

Spec模式-需求生成

Spec模式-方案设计

Spec模式-任务计划

Spec模式-任务执行

Rules规则设置

通过规则约束，确保代码风格与质量统一

1. 代码风格规范：设置统一的代码格式规则，如缩进、命名规范等，保证团队代码风格的一致性。
2. 安全漏洞扫描：集成安全扫描规则，在代码提交时自动检查潜在的安全楼栋，如SQL注入、XSS攻击等。
3. 提交信息检查：规范Git提交信息的格式，确保每次提交都有清晰的描述，便于后续的版本管理和追溯。
4. 质量门禁卡点：在CI/CD流水线中设置质量门禁，如代码覆盖率、编译成功率等，确保只有高质量的代码才能合入主干分支。

Skills技能设置

技能扩展，让AI具备领域专业知识

1. 技能是什么？技能是CodeArts中能力的封装，它将特定领域的专业知识（如前端开发、测试）打包成可复用的模块。
2. 内置技能：CodeArts预置了丰富的内置技能，如生成单测、修复单测、Web页面生成与美化、国际化支持等。
3. 自定义技能：用户可以根据项目需求，创建个人级或项目级的自定义技能，将自己的经验沉淀为AI的能力。
4. 技能调用：在智能体模式下，通过简单的自然语言指令，如“使用frontend-design技能生成一个登录页”，即可调用相应技能完成任务。

问题总结

在实践中，我们遇到了一些问题并进行了总结，这些经验为后续的开发提供了宝贵的参考，也验证了AI编程、AI辅助开发的巨大潜力。

从问题中学习，不断优化开发流程

1. 需求描述偏差：初始需求描述过于宽泛，导致AI生成内容与预期不符。通过细化需求，增加示例和约束，问题得以解决。
2. 样式调整迭代：AI生成的默认样式为基础，通过多次使用自然语言指令进行细化调整，最终达到设计要求。
3. 移动端兼容性：部分组件在移动端显示或交互效果不佳。利用CodeArts预览功能，在多种设别上进行测试并针对性优化。
4. 数据库配置：初期对云数据库配置不熟悉。通过查阅文档和问AI咨询，掌握了集合创建、索引设置和数据验证方法。

遇到的问题及解决

• Spec模式：并未触发严格的Spec模式？
  解决：添加关键词“请按照Spec四步模式进行开发”
• 封装Utils函数：新建上下文对话未使用封装函数？
  解决：Rules规则里，在自定义Rule规则里添加封装的关键函数方法，使得新建上下文自动触发封装函数引用。

作品展示