一、概述

1.1 案例介绍

华为云码道（CodeArts）代码智能体是基于智能生成、智能问答两大核心能力构建起一套全方位、多层次的智能开发体系。在智能生成方面，它能够依据开发者输入的需求描述，准确且高效地生成高质量代码；智能问答功能则如同开发者身边的专属技术顾问。

本案例基于华为云码道（CodeArts）代码智能体快速开发Desktop pixel pet桌面像素宠物应用，它会在你的电脑桌面上展示可爱的宠物，陪伴你的工作与学习。支持拖动互动、多种动画效果、金币系统和道具功能，让你的桌面更加生动有趣，是治愈系的桌面伴侣。

项目结构：

desktop-pet/
├── main/              # 主进程代码
│   ├── index.ts       # 主进程入口
│   └── window.ts      # 窗口管理
├── renderer/          # 渲染进程代码
│   ├── src/           # React源码
│   └── index.html     # HTML模板
├── assets/            # 静态资源
├── config/            # 配置文件
└── package.json       # 项目配置

1.2 适用对象

• 个人开发者
• 高校学生

1.3 案例时间

本案例总时长预计60分钟。

1.4 案例流程

说明：

1. 用户安装 CodeArts 代码智能体。
2. 通过自然语言指令引导，快速完成桌面宠物的第一次开发。
3. 运行测试并测试其基础功能，验证其功能性。

1.5 资源总览

本案例预计花费0元。

二、环境和资源准备

AI IDE华为云码道安装部署

参考案例https://devstation.connect.huaweicloud.com/space/devportal/casecenter/9afd09c74ff44b64bc0c7c6e375109e2/1完成Windows版AI IDE华为云码道（CodeArts）代码智能体安装部署。

三、规范驱动模式介绍

规范驱动模式是一种系统化的软件开发方法论,强调在编码之前先明确"做什么"和"怎么做；其最重要的即为他的三文档结构：

与探索模式对比：

四、快速开发桌面像素宠物

在聊天框界面，选择规范驱动模式(Spec-Driven Mode)。

为了让桌面宠物能符合预期，我们的描述词需要足够细节具体。在智能体对话框中输入以下描述词：

帮我生成一个Desktop Pet，它是一个轻量的桌面陪伴应用；它会在你的电脑桌面上展示，它会在屏幕的角落睡觉、耍杂技、互动、吃饭陪伴你的工作与学习。当你按住左键可以拖动它，右键可以呼出菜单，里面有宠物商城、宠物小屋和道具。金币通过时间或者与像素宠物互动获得

下图为完成效果。
注：应用是Agent自动生成的，每次提问生成的代码及最后的运行结果均存在出入，如想体验本案例中的应用可在页尾找到源码下载地址进行体验。

码道同时还会向你展示如何运行项目，可以选择让智能体帮我们启动项目。

当然，第一次开发难免会有bug，我们可以按照自己所遇到的bug，给华为云码道（CodeArts）代码智能体提需求；比如我这次遇到是右键菜单被遮挡，只需告诉智能体你所遇到的情况，它即可对项目进行优化。

优化完成后，即可正常展示

以及相关功能宠物商城展示

至此，快速开发Desktop pixel pet桌面像素宠物已完成。

注意：由于本应用是Agent自动生成的，每次提问生成的代码及最后的运行结果均存在出入，开发者可根据自己的需求，调教模型生成自己想要的结果。若想体验与案例一样的结果，请下载https://gitcode.com/u014005316/desktop_pixel_pe至本地运行。

五、反馈改进建议

如您在案例实操过程中遇到问题或有改进建议，可以到https://bbs.huaweicloud.com/forum/thread-0212720375851768604-1-1.html评论区反馈即可，我们会及时响应处理，谢谢！