我用codearts ide链接上华为云的notebook实例使用ssh方式进行开发，但是侧边agent对话框加载不出来，该如何解决我也安装了看起来需要的扩展

码道会增加自定义第三方模型吗？

The inference service is abnormal, error info is : [No available backend service was found.].我正在使用，然后反复出现这句话，还给了trace_id,但是不知道怎么用

学校：西安交通大学团队名称：吴彦组团队成员：李浩宇 孙昊 汤昊东 王锘淳 王睿 肖梓宸 杨丁欢 杨佳潮提交日期：2026年7月项目地址cid:link_0作品介绍华为云开发者训练营优秀作品展示馆平台，是面向华为云开发者高校训练营活动的作品展示与互动平台。平台支持用户注册登录、作品提交与审核、多维互动评价（点赞/点踩/问号/收藏/投票）、评论回复、排行榜系统、赛道管理、奖项配置与获奖展示、后台管理等功能。平台覆盖4类用户角色（访客、学生、导师、管理员），提供12个前端页面，包含30余个RESTful API接口，采用前后端分离架构，部署于华为云ECS，实现从0到1的完整产品交付。首页首页主要展示网站整体数据与精选作品、排行榜等等功能，同时可以一键进入各大板块。登录界面可以选择手机号或者邮箱登录，登录完成后页面自动更新。图1 作品首页设计作品展示各种参赛作品的板块，所有审核通过的作品都可以展现在这里，实现了按时间排序、热度排序、点赞最多排序等排序方式，还有赛道区分，同赛道作品推荐，点赞评论交互功能，查看项目地址等等功能，方便开发者展示分享自己的成果。点赞与评论为实时功能，自动更新。图2 作品页面赛道展示目前可以参加的所有赛道种类以及相应的作品排行支持综合排行、点赞排行、热度排行等等的多元排行标准盛典所有获奖的各赛道作品可以在盛典处展示后台可以提交作品，申请提权，游客需要成为学生或者导师角色才可以发布作品，导师可以审核学生提交的作品，管理员可以提交，审核作品，也可以给作品颁奖，修改用户权限，管理网站注册用户等等。图3 管理员界面后台开发经验一完成分组，我们组就进入了热烈的讨论环节。首先我们组的每一位同学都对我们组将要开发的项目进行了分析，考虑到以下三个事实：1.我们组是所有组之中人数最多的组，足足有八个人，比其他的组整整多出了一倍。2.本次活动开发的部署是在华为云ECS上的，考虑到项目成本与开发限制，我们只能部署在单虚拟机，最多挂载一个新的云硬盘，对项目架构有了限制。3.目前AI Vibe Coding还停留在小规模编程上面，在大规模编程和项目开发方面还极度依赖人工功能检查与审核修复。我们讨论并决定采取针对性的措施。对于第一点事实，我们决定首先建立类似目前人工开发的项目管理分工，两人制作开发WORD与技术PPT，两人准备排练上台演讲，四人负责后台开发分工，用来方便更加细致的项目管理与内容准备。事实上，正因为这样的分工，我们在开始编程的第一天决定技术栈并形成项目基本框架之后，就可以让负责制作开发文档和负责上台分享的同学早早开始准备，这样给负责分享的同学极大的空间余裕，让同学能够有更多的时间对底层技术栈以及网页展示进行了解和打磨，展示出更好的效果。针对第三点问题，我们还针对性采取了修改项目架构的方式，我们通过与码道的智能体实现进行沟通，选定了使用Vue+Spring Boot作为前后端底层架构，数据统一使用MySQL挂载在云硬盘上，使用Redis作为热更新缓存，这样的话一方面统一了前后端接口，方便前后端同学并发开发，提高开发效率；另一方面契合了我们的部署开发环境，减少了网站的运营维护开支。针对第三点问题，我们决定采取一部分现代软件工程已经成熟的做法，即把整个代码库放置到GitCode上面，借助华为自主开发的AIShell智能体，我们能够很方便的完成GitCode库项目的实际落地部署和拉取更新，让AIShell总结出在部署过程中遇到的问题，然后利用码道在本地改后向GitCode提交PR，这样一方面方便了本地调试，另一方面也方便我们在本地看到项目实际发生的变化，避免了对于华为ECS上相对GUI系统比较陌生的Linux文本行命令操作。还有，针对我们项目的DEBUG过程，我们采取List+PR的修改方式，也就是所有人往微信群里面接龙List更新需要修复的BUG，让一位开发同学统一进行修改，类似更迅速的GitCode里面的Issues操作；针对目前AI修改代码往往不进行单点修改，而是修改整个项目的情况，对于前端同学提交的修改PR，我们不选择直接合并，而是让码道总结出来一个CHANGE.md，然后交给一位同学进行统一修改，这样就避免了Git合并代码过程中合并冲突的情况。最后，经过评委老师的指点，我们还学习了一些新的开发经验。首先，在项目开始之前可以使用AI进行洞察，就是针对目前做的比较好的厂家，总结经验进行学习；其次，在开发过程中不能对AI盲目相信，对于有疑问的点，比如说未登陆账号的浏览量是否算数的问题，应当自己查证业界成熟做法，而不是全信AI。项目readme## 技术栈| 层级 | 技术 ||------|------|| 前端 | Vue 3 + Vue Router + Vite 6 || 后端 | Spring Boot 3.2.5 + Spring Data JPA + Spring Security || 数据库 | MySQL 8.0 + Redis 7.0 || 认证 | JWT (jjwt 0.12.5) || 数据库迁移 | Flyway || 部署 | Nginx + systemd (华为云 ECS) |## 架构图```┌──────────────────────────────────────────┐│            华为云 ECS (CentOS/Ubuntu)     ││                                          ││  ┌────────────────────────────────────┐  ││  │  Nginx (端口 80/443)               │  ││  │  - 静态资源直接返回 (/static/)      │  ││  │  - 动态请求代理到后端 (/api/)       │  ││  └────────────┬───────────────────────┘  ││               │                          ││  ┌────────────▼───────────────────────┐  ││  │  Spring Boot App (端口 8080)       │  ││  │  - 文件上传接口                     │  ││  │  - 业务逻辑                        │  ││  └──────┬─────────────────────────────┘  ││         │                                ││  ┌──────▼──────┐  ┌──────────────────┐   ││  │  MySQL 8.0  │  │  Redis 7.0       │   ││  │  (端口3306) │  │  (端口6379)      │   ││  └─────────────┘  └──────────────────┘   ││                                          ││  文件存储目录: /data/training-files/      ││  (挂载云硬盘或者直接在本地)                │└──────────────────────────────────────────┘```---## 本地开发### 前置条件- **JDK 17+**- **Maven 3.8+**- **Node.js 18+**（推荐 20+）- **MySQL 8.0**（本地运行，端口 3306）- **Redis 7.0**（本地运行，端口 6379）### 1. 启动后端```bash# 确保 MySQL 和 Redis 已启动# 创建数据库mysql -u root -e "CREATE DATABASE IF NOT EXISTS devcamp_showcase DEFAULT CHARACTER SET utf8mb4 DEFAULT COLLATE utf8mb4_unicode_ci;"# 启动 Spring Boot（使用 dev profile）mvn spring-boot:run -Dspring-boot.run.profiles=dev```后端启动后访问 `http://localhost:8080/api`，Flyway 会自动创建表结构。### 2. 启动前端```bashcd frontendnpm installnpm run dev```前端启动后访问 **http://localhost:3000**，Vite 会自动将 `/api` 请求代理到 `localhost:8080`。### 3. 本地预览（仅前端，无需后端）如果只想看页面效果、不需要真实数据：```bashcd frontendnpm installnpm run dev```打开 http://localhost:3000 即可预览所有页面布局和导航。API 请求会失败，但页面结构完整可浏览。---## 部署到华为云 ECS### ECS 最低配置| 项目 | 推荐 ||------|------|| 规格 | 2核4GB（开发）/ 4核8GB（生产） || 系统 | CentOS 7/8 或 Ubuntu 20.04/22.04 || 磁盘 | 40GB 系统盘 + 可选云硬盘 || 安全组 | 开放 80 端口 |### 方式一：一键部署（推荐）**1. 本地构建**```bash# 构建后端mvn clean package -DskipTests# 构建前端cd frontend && npm install && npm run build && cd ..```**2. 上传到 ECS**```bashscp target/devcamp-showcase.jar root@<ECS_IP>:/data/devcamp-showcase/scp -r frontend/dist root@<ECS_IP>:/data/devcamp-showcase/frontend/scp -r deploy/ root@<ECS_IP>:/data/devcamp-showcase/deploy/```**3. 在 ECS 上执行一键部署**```bashssh root@<ECS_IP>cd /data/devcamp-showcase/deploychmod +x *.sh./deploy.sh```部署完成后访问 `http://<ECS公网IP>`。### 方式二：手动部署详见 [deploy/README.md](deploy/README.md)。### 部署注意事项（踩坑记录）> 以下问题在实际部署中遇到过，请务必留意。1. **MySQL 版本必须 8.0+**   - CentOS 7 默认仓库只有 MySQL 5.7，Flyway 9.22+ 和 Hibernate 6 不支持   - 需手动安装 MySQL 8.0 官方仓库：`yum install https://dev.mysql.com/get/mysql80-community-release-el7-11.noarch.rpm`   - 一键部署脚本已包含自动检测和安装 MySQL 8.0 的逻辑2. **数据库密码需与配置一致**   - systemd 服务文件中 `DB_PASSWORD` 环境变量需与实际 MySQL 密码一致   - 也可在 JAR 包同级目录创建外部 `application.yml` 覆盖配置（Spring Boot 自动加载）   - 修改密码后需 `systemctl restart devcamp-showcase`3. **生产环境 `ddl-auto` 已设为 `none`**   - Flyway 管理表结构，Hibernate 不做 schema 验证，避免 VARCHAR/ENUM 类型不一致报错   - 开发环境仍为 `validate`，方便发现实体与表结构的偏差4. **初始数据由 Flyway 迁移脚本自动插入**   - `V2__init_data.sql` 包含管理员账号、示例赛道、奖项和系统设置   - 无需手动注册或执行 SQL5. **Nginx 默认配置冲突**   - CentOS 默认 Nginx 配置会拦截 80 端口，需删除 `/etc/nginx/conf.d/default.conf` 或 `/etc/nginx/sites-enabled/default`   - 一键部署脚本已自动处理6. **前端文件权限**   - Nginx 需要读取前端文件，权限不足会返回 403   - 一键部署脚本已自动设置 `chmod 755` 和 `chown nginx:nginx`   - 手动部署时需执行：`chmod -R 755 /data/devcamp-showcase/frontend && chown -R nginx:nginx /data/devcamp-showcase/frontend`7. **Redis 需手动设置开机自启**   - 部分系统安装 Redis 后不会自动启用：`systemctl enable redis && systemctl start redis`   - 一键部署脚本已包含此步骤### 管理员账号- 邮箱：`admin@devcamp.huawei.com`- 密码：`admin123`- **生产环境请务必修改密码和 JWT 密钥**### 环境变量| 变量 | 说明 | 默认值 ||------|------|--------|| DB_USERNAME | 数据库用户名 | devcamp || DB_PASSWORD | 数据库密码 | DevCamp2026! || REDIS_PASSWORD | Redis 密码 | （空） || JWT_SECRET | JWT 签名密钥 | （见 service 文件） |### 常用运维命令```bashjournalctl -u devcamp-showcase -f    # 查看后端日志systemctl restart devcamp-showcase    # 重启后端systemctl restart nginx               # 重启 Nginxmysqldump -u root devcamp_showcase > backup_$(date +%Y%m%d).sql  # 备份数据库```---## 项目结构```HCDevcampShowcase/├── Init.md                          # 原始需求文档├── List.md                          # 项目速查手册（供 AI 智能体使用）├── pom.xml                          # Maven 构建配置├── src/main/java/com/huawei/devcamp/│   ├── DevCampApplication.java      # 启动类│   ├── config/                      # Security, Redis, WebMvc, JWT Filter│   ├── controller/                  # REST 控制器（8 个）│   ├── entity/                      # JPA 实体（10 个）│   ├── enums/                       # 枚举（3 个）│   ├── repository/                  # Spring Data JPA（9 个）│   ├── service/                     # 业务逻辑（9 个）│   ├── dto/request/                 # 请求 DTO（7 个）│   ├── dto/response/                # 响应 DTO（8 个）│   └── common/                      # Result, PageResult, BusinessException, GlobalExceptionHandler├── src/main/resources/│   ├── application.yml              # 主配置│   ├── application-dev.yml          # 开发环境│   ├── application-prod.yml         # 生产环境│   └── db/migration/│       ├── V1__init_schema.sql       # Flyway 建表迁移│       └── V2__init_data.sql         # Flyway 初始数据迁移├── frontend/                        # Vue 3 前端│   ├── src/views/                   # 页面（8 个）│   ├── src/components/              # 组件（4 个）│   ├── src/api/                     # API 封装│   ├── src/router/                  # 路由配置│   ├── src/utils/                   # 工具函数（auth）│   └── src/assets/                  # 全局样式└── deploy/                          # 部署脚本    ├── deploy.sh                    # 一键部署    ├── init-db.sh                   # 数据库初始化    ├── devcamp-showcase.conf        # Nginx 配置    ├── devcamp-showcase.service     # systemd 服务    ├── build-frontend.sh            # 前端构建脚本    ├── build-backend.sh             # 后端构建脚本    └── README.md                    # 部署详细文档```写在最后感谢华为给予我们这么一次宝贵的机会尝试利用码道开发。我们将会继续积累实战经验，期待将来带来更好的作品。

已报名OPC优秀创意案例征集活动的用户，请在本帖下“盖楼”回复案例或作品，谢谢~

OPC优秀创意案例 · 征集令领华为云码道专业版实现你的创意，赢最高2000元云资源代金券，还有机会直推华为云专家圈层！───────────────────────────────────────────────────────────────────────────秀出你的创意，赢取云资源你是独立开发者、自由职业者，还是正在筹备一人创业的技术人？你想用AI工具快速实现创意、展示产品 Demo，获得云资源支持和行业曝光吗？OPC优秀创意展——华为云专为OPC（One-Person Company）开发者打造的创意展示舞台，正式开启案例征集！───────────────────────────────────────────────────────────────────────────活动路径华为云提供开发工具和云资源代金券，让你尽情展示创意和产品 Demo。使用 华为云码道代码智能体、AI Shell 等工具，把你的想法变成现实。───────────────────────────────────────────────────────────────────────────报名条件只要你符合以下条件，欢迎报名：·       有创意方向——想做网站、小程序、AI工具、SaaS服务，只要有想法·       愿意展示作品——愿意提交创意或作品 Demo 参与展示和评选·       配合产品调研——你的反馈将帮助华为云AI产品变得更好名额只有200 个，先到先得！（报名结果以邮件通知为准）▶ 立即报名───────────────────────────────────────────────────────────────────────────参与权益（报名通过即享）报名成功后，即可领取 华为云码道专业版1个月！还可完成开发者成长中心发布的任务，兑换云资源代金券（用于业务上云体验）。码道专业版 1个月华为云AI编码智能体，自然语言生成网站、应用、小程序云资源代金券完成开发者成长中心任务即可兑换，用于业务上云AI Shell工具自然语言一键部署上云，智能规划云资源，自动化运维AI系列课程大模型概述、Agent开发、码道使用技巧等精选课程专属开发者社群技术交流、问题答疑、资源对接华为云专家技术支持技术专家提供产品开发、部署、优化等环节的技术指导更多品牌曝光机会优秀作品入选OPC案例库，全网分发；参加各城市技术沙龙、圈层活动，有机会现场分享和推广OpenClaw AI助手限时激励：9.9元 体验AI智能助手，详见OPC支持计划活动页更多云资源详见OPC支持计划活动页 ───────────────────────────────────────────────────────────────────────────活动时间阶段第一周第二周第三周第四周报名征集开放报名，限额200名，先到先得  作品开发 上传、优化、发布作品 评选推广   评选颁奖，优秀作品全网展示 ───────────────────────────────────────────────────────────────────────────优秀案例评选奖励评选优秀案例前20名，赢取2000元云资源代金券！更多支持·       品牌曝光——优秀作品入选OPC案例库，曝光到多个技术平台·       圈层直推——前20名直推 HCDE / HCDG 圈层·       专家技术支持——华为云技术专家在开发、部署、优化等一对一指导·       专属社群——技术交流、问题答疑、资源对接───────────────────────────────────────────────────────────────────────────报名方式名额：点击下方“立即报名”，先到先得，额满即止！▶ 立即报名报名流程：填写报名表（创意方向/作品Demo）  →    查看邮件通知（含权益领取链接）  →  领取权益  →  开始创作  →  分享案例───────────────────────────────────────────────────────────────────────────资源链接·       码道下载地址：https://developer.huaweicloud.com/codeartsco.html?source=one_step_opc&sourcead=opc_grow·       AI Shell：cid:link_3·       码道 CLI 下载：cid:link_5·       开发者成长中心：cid:link_4·       OPC创新支持计划：cid:link_6·       AI系列课程：cid:link_7───────────────────────────────────────────────────────────────────────────常见问题Q：没有码道使用经验可以报名吗？A：可以！报名成功后即可领取码道专业版1个月，快速上手。Q：活动收费吗？A：完全免费。报名即可免费领取码道专业版1个月、AI Shell等权益。Q：作品有什么要求？A：使用华为云码道代码智能体或AI Shell等工具完成的作品均可参与评选。Q：作品需要部署上线吗？A：建议部署上线，生成可访问链接有助于评选展示。AI Shell提供一键部署上云能力。Q：我的作品有隐私信息该怎么办？A：建议删除隐私信息后，再提交案例。Q：如何兑换云资源代金券？A：完成开发者成长中心发布的任务即可兑换，详情点击：cid:link_4Q：去哪里展示作品或案例呢？A：前往盖楼贴：cid:link_2───────────────────────────────────────────────────────────────────────────一人公司，AI赋能。OPC优秀创意作品展，等你来秀！华为云 · OPC创新支持计划 · 开发者生态运营团队

目前只有glm5.1，会更新glm5.2模型吗？

设计稿到手还要手搓代码？用华为云码道来实现D2C案例简介：设计稿转代码（D2C）是很多前端团队都想尝试的提效方向，随着大模型能力的跃迁，我们不禁想问：现在的AI究竟能把D2C推进到哪一步？抱着这种疑问，作者采用直接上传图片和配置MCP获取DSL两种方式来对比体验。一、概述1.1 案例介绍华为云码道（CodeArts）代码智能体是基于智能生成、智能问答两大核心能力构建起一套全方位、多层次的智能开发体系。在智能生成方面，它能够依据开发者输入的需求描述，准确且高效地生成高质量代码；智能问答功能则如同开发者身边的专属技术顾问。设计稿转代码（D2C），是指将产品设计图自动转换为前端可用代码的过程。它解决的是前端开发中“对着设计图手搓静态UI”这一耗时且重复的劳动，让开发者从繁琐的样式还原中释放出来，把精力聚焦在业务逻辑和交互体验上。本实验采用两种方式：方式一，直接上传设计图片，借助码道的多模态视觉理解能力生成初始布局代码；方式二，通过MCP获取结构化DSL，再由码道翻译成前端框架代码。1.2 适用对象个人开发者高校学生企业开发人员1.3 案例时间本案例总时长预计60分钟。1.4 案例流程说明：安装华为云码道代码智能体。注册Pixso账户。上传的图片让智能体生成项目。通过MCP方式，从设计平台获得设计图详细数据，并让智能体生成项目。作者遇到的三个问题总结1.5 资源总览资源名称规格单价（元/席位/月）华为云码道（CodeArts）代码智能体专业版139Pixso免费版0二、基础环境与资源准备2.1 AI IDE华为云码道安装部署参考案例AI IDE华为云码道（CodeArts）代码智能体安装部署完成Windows版AI IDE华为云码道（CodeArts）代码智能体安装部署。2.1 Pixso注册访问Pixso https://pixso.cn，点击登录，选择注册：三、实战3.1 上传目标网站的图片让智能体来生成项目此处作者截了华为云的首页：在智能体中输入以下提示词:现在根据提供的图片（上传图片），使用码道解读设计数据并生成完整的前端项目。 生成完成后，先自查与设计是否符合。完成开发和校验后运行项目。可以在思考过程中看到，要求码道进行自查还是有必要的：最终，我们可以看到码道根据截图生成的对应项目：实验发现，AI确实能从图片生成可用的初始代码，但在细节还原上仍有明显差距——元素的宽高、间距（padding/margin）、字体大小、颜色值等常常与设计稿存在偏差。这让作者不禁追问：AI还能做得更好吗？3.2 通过MCP方式，从设计平台获得设计图详细数据，并让智能体来生成项目AI领域有句老话叫“垃圾进，垃圾出”，虽然我们改变不了模型的能力，但如果能让输入的信息更精准、更结构化，输出结果理应更可靠。毕竟，数据越精准，对AI的约束就越强，产物就越符合预期。顺着这个思路，作者想到：设计平台（如Figma、Pixso、即时设计）中，本身就沉淀了设计图的完整结构化数据，如果能把这些数据直接“喂”给AI，是不是比给一张截图更靠谱？基于这个方向，作者借助智能体对市面上的主流设计工具进行了对比，最终选择了Pixso平台来验证这个思路。于是本阶段的实践路径也就清晰了：在Pixso中完成设计稿 → 通过MCP工具将结构化数据传递给智能体 → 由智能体完成设计稿转代码（D2C）。【相比前文中“直接提供网页截图”的方式，本环节更适合具备一定设计图绘制能力的个人开发者。】3.2.1 安装Pixso MCP进入Pixso个人中心，生成个人令牌并复制：进入码道，点击设置图标，进入MCP工具页面，点击配置MCP：输入以下内容（用刚刚在Pixso复制的token替换{您的token}）：{ "mcpServers":{ "Pixso Remote MCP": { "url": "https://pixso.cn/api/mcp/mcp", "headers": { "Token": "{您的token}" } } } } ctrl+s保存后，返回到设置界面，可以看到已经配置好的Pixso Remote MCP，以及其提供的工具：3.2.2 在Pixso中创建设计图作者这里借用了Pixso提供的新手指南：以图层“资源和插件 资源”为例，先选中图层，然后点击右上角的分享，最后点击复制链接：3.2.3 码道生成对话框中输入以下提示词：阅读该链接对应图层【您的链接】，将获取到的详细设计数据完整的保存到docs文件夹下，并进行vue3前端项目的开发，要求实现像素级还原该图层，设计图中用到的图片我都放到了asset文件夹下。完成开发后，需要对照图层链接1：1进行像素级检查，检查通过后运行项目。最终可以看到，生成的项目和设计图几乎一模一样：以Pixso新手示例设计文件为例，作者将完整流程跑了一遍——结果令人踏实：在标准UI场景下，D2C能力已经能稳定承接部分重复性“搬砖”工作。随后作者又在多个不同风格的设计稿上做了复测，效果基本一致。3.3 作者遇到的三个问题理想很丰满，实践起来才知道哪儿会绊脚。作者在跑通流程的过程中，遇到了三个问题，记录于此，希望能帮您少走弯路。一：通过标准化流程来约束AI表现作者最初使用了码道的“规范开发模式”，希望通过标准化流程来约束AI的行为。结果发现，在这种“加载数据 → 依据数据生成代码”的多环节任务中，最初的提示词到落地的项目时会逐渐“失真”，AI偶尔会自作主张地添加需求之外的内容。比如作者只让它生成华为云首页，它却在代码里主动加上了华为云的跳转链接——虽然贴心，但确实跑偏了。作者的解法：先把原始DSL数据保存到项目目录下，让AI先阅读数据、生成一份结构分析报告，确认理解无误后，再分步生成代码。一步一卡点，AI就不容易跑偏。二：保证代码风格生成一致如果输入没有约束的提示词，码道会根据自身经验来生成项目，此时的输出结果可能没有那么精确，而且多次生成之间的代码风格差异明显，有时用函数组件，有时用类组件，命名规范也不统一。作者的解法：利用码道的“记忆”功能，提前将技术栈、代码规范、工程约束等“游戏规则”一次性告诉AI。后续生成时，AI就会在同一套规范下输出，风格稳定多了。三：一次性加载整个设计文件，数据过大导致效果崩坏最开始作者图省事，直接把整个设计文件的链接丢给码道，希望能一次性画出所有页面。结果DSL数据量太大，超出了AI的有效处理范围，生成的页面效果不够理想，有时甚至不如直接上传一张设计截图来得准确。作者的解法：放弃“一口吃成胖子”的幻想，一次只选中一个图层，精准投喂。如果设计中包含图片类资源（如产品图、icon等），单独上传给码道作为参考。别小看这个改变，还原精度提升非常明显。3.4 总结：D2C到底值不值得用？两条路径各有归属：截图方式门槛低、上手快，适合快速验证想法；MCP方式需要一定的设计工具使用能力，但生成的代码在还原精度上明显更胜一筹，适合对UI质量有要求的项目。总的来说，在当前阶段，D2C已经能在想法快速落地、前端重复UI开发等场景下发挥实实在在的作用，不再只是概念炒作。四、反馈改进建议如您在案例实操过程中遇到问题或有改进建议，可以到[论坛]CodeArts代码智能体案例体验/案例建议反馈贴_开发者空间_华为云论坛评论区反馈即可，我们会及时响应处理，谢谢！

从本地到云端：Skill驱动的一键部署实战本实验聚焦应用部署上云，引导学生将“校园美食推荐小助手”从本地迁移至华为云ECS，实现公网访问。通过Spec+Skill驱动Terraform自动化完成资源创建与应用部署，同时引入AI Shell以自然语言对话降低运维门槛。学生将掌握ECS核心概念、AK/SK安全管理，并完成从部署规划到资源回收的完整闭环。点击链接，即刻体验：cid:link_0实验目标与基本要求实验目标：理解部署本质与价值，掌握ECS、安全组、EIP等核心概念及AK/SK安全管理；能够编写部署规格书或使用AI Shell自然语言对话，完成一键部署与资源全链路管理。 基本要求：已完成实验三或实验四，拥有可运行HTML应用；已注册华为云账号并完成实名认证；具备基础自然语言描述能力；实验结束后必须清理云资源。实验摘要实验特别提醒任务一：准备部署文件，让AI整理项目资源任务二：获取华为云凭证并准备“解决方案部署助手”Skill（预计20分钟）任务三：创建部署Spec——让AI规划云资源任务四：一键部署上云——Skill驱动的自动化交付【第一种部署方式】任务五：AI Shell自动化部署【第二种部署方式】任务六：清理云资源实验总结

Vibe Coding 沉浸式实战：治愈漫游地图应用开发与云部署本实验采用Vibe Coding沉浸式编码模式，依托华为云码道AI对话能力，从零开发《城市独处治愈漫游小助手》H5地图应用。全程无需手写复杂代码，仅通过自然语言对话完成页面搭建、百度地图MCP接入、业务逻辑开发，并自定义Skill实现一键打包部署到华为云OBS公网访问。实验深度融合提示词工程实战，综合运用角色设定、任务分解、CoT思维链、多轮迭代优化等技巧，体验“所想即所得、边聊边开发”的现代开发范式。点击链接，即刻体验：cid:link_0实验目标与基本要求目标： 掌握百度地图MCP接入全流程（开发者入驻、AK申领、协议对接）；学会码道对话式开发完成页面搭建与业务逻辑；掌握自定义Skill编排实现一键打包部署OBS；综合运用角色设定、CoT思维链、多轮迭代优化等提示词工程技巧。 要求： 已完成提示词工程基础学习，具备基础电脑操作能力，掌握结构化提示词编写能力。实验摘要实验特别提醒二、项目概述三、实验准备工作四、实验详细步骤（含提示词设计解析）

SDD规范驱动开发：在美食助手基础上按规交付本实验引入SDD（Specification-Driven Development，规格驱动开发）方法论，引导学生从“随缘编码”走向“按规交付”。实验以“校园美食推荐小助手”为开发对象，通过新增“餐厅收藏”和“最近搜索”两大功能，让学生完整体验“提交规格书→AI生成代码→审查验收→添加规范约束→归档”的SDD四步法。学生将掌握规格书的核心结构（功能描述、输入输出、约束条件、验收标准），理解校验规则、安全约束和代码风格规范的重要性，并通过对比有约束和无约束两种模式下AI生成的代码质量差点击链接，即刻体验：cid:link_0实验目标与基本要求- 理解SDD（规格驱动开发）的核心思想及其与Vibe Coding的本质区别 - 掌握规格书的标准结构（功能描述、输入输出、约束条件、验收标准） - 能够编写清晰的AI规格说明书，用约束条件控制AI输出质量 - 完整实践“规格提交→AI生成→审查验收→归档”的开发流程 - 掌握规范约束（校验规则、安全约束、代码风格）的添加方法实验摘要实验特别提醒🤖 码道Token消耗预估实验背景准备工作任务一：为什么需要规格书——体验“无规格”的痛点任务二：SDD实战——为美食助手新增2个功能实验总结

Vibe Coding 实战：多轮对话打造校园美食推荐小助手本实验基于华为云码道的Vibe Coding能力，通过多轮自然语言对话，构建一款“校园美食推荐小助手”。学生将体验“描述需求→AI生成代码→MCP接入真实数据→SKILL固化规则”的完整开发流程，无需手写复杂代码即可完成应用交付。点击链接，即刻体验：cid:link_0实验目标与基本要求目标： 掌握Vibe Coding开发范式，学会配置MCP服务接入高德地图POI数据，理解SKILL技能模块的规则固化方法。 要求： 完成高德地图Key申请、mcp_settings.json配置、SKILL导入及3轮对话开发，最终产出可运行的HTML页面。实验摘要实验特别提醒🤖 码道Token消耗预估实验背景任务一：创建“校园美食地图助手”项目与获取高德地图Key并配置 MCP任务二：用 SKILL 固化美食推荐规则任务三：多轮对话完成美食地图助手开发实验总结

一键上云：用部署Skill把应用发布到华为云本实验将SDD改造后的天气出行小助手部署到华为云ECS，实现公网访问。通过编写部署Spec，使用Terraform Generator Skill一键创建VPC、ECS、EIP等云资源，配置Nginx托管静态页面。实验涵盖部署配置、Skill调用、应用验证和资源清理全流程，体验从本地代码到云端上线的完整链路。点击链接：即刻体验：cid:link_0实验目标与基本要求目标： 掌握部署Skill的调用方法，理解ECS、安全组、EIP等云基础概念，完成从代码到公网上线的全流程。 要求： 已完成实验四SDD改造；能编写部署Spec；会使用Terraform Generator Skill创建云资源；能验证公网访问并执行资源清理。实验摘要实验特别提醒实验目标实验前置知识任务一：让AI智能整理天气出行小助手的部署文件（预计10分钟）任务二：获取华为云凭证并准备“解决方案部署助手”Skill（预计20分钟）任务三：使用两个部署Skill一键完成云资源创建与应用部署（预计25分钟）任务四：验证部署结果，通过公网地址访问应用（预计15分钟）任务五：资源清理（预计5分钟）

SDD实战：写规格书改造天气出行小助手点击链接：即刻体验：cid:link_0本实验以SDD（规格驱动开发）为核心，对实验三Vibe模式生成的“天气出行小助手”进行规范化改造。从代码审查入手，识别XSS漏洞、API Key硬编码等典型问题，学习编写符合“四要素+三标准”的规格书。基于规格书让AI重新生成规范化代码，并逐条审查验证符合度。实验模拟需求变更，完整演示“提案→审查→实施→归档”四阶段流程，通过量化对比理解Vibe与SDD的互补关系。实验目标与基本要求理解SDD核心理念“规格即真相”，掌握规格书编写方法 学会四要素（功能描述、输入输出、校验规则、安全约束）和三标准（完整性、准确性、可测试性） 掌握四阶段流程：提案→审查→实施→归档 能够对比Vibe与SDD的适用场景，形成“双脑工作流”决策能力实验摘要实验特别提醒

Vibe Coding实战：用对话搭建一个天气出行小助手立即点击链接，即刻体验：cid:link_0本实验基于探索模式 (Vibe-Coding Mode)实战开发天气出行小助手。通过多轮对话搭建页面基础框架，集成高德天气 MCP 接口实现实时天气查询；逐步拓展出行建议、穿衣指数、雨具提醒等实用功能。调用界面美化工具优化页面视觉效果，再借助对话排查并修复程序漏洞、打磨交互细节。实验旨在帮助学习者掌握与 AI 高效协作的方法，学会拆解项目需求、集成外部服务、复用工具模板，并掌握利用报错信息引导 AI 修复 BUG 的实操能力，完整体验 AI 驱动的应用开发全流程。实验目标与基本要求1. 体验 Vibe Coding 模式，通过多轮对话搭建一个完整的应用 2. 学会分析和理解 AI 生成的项目结构 3. 掌握通过对话让 AI 配置 MCP 为应用接入外部工具的方法 4. 掌握使用码道内置的前端设计 Skill 来优化应用界面 5. 实践通过精准的提示词与 AI 沟通，修复程序 Bug 和完善应用功能实验摘要实验特别提醒