已报名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 和完善应用功能实验摘要实验特别提醒

开启AI编程之旅：安装工具与第一次人机对话手把手教导你进行华为云码道（CodeArts）代码智能体的安装、配置和基本使用方法，能让你快速体验其功能并实现一个网页。安装完成后使用华为云个人账号登录，通过自然语言描述需求（如“生成一个个人网站”）码道将自动编程，最终实现一个可以运行的页面。点击实验链接，即刻体验：cid:link_0实验目标与基本要求通过本次实操实验，掌握华为云 CodeArts 码道智能体的安装部署、账号配置与基础操作，直观体验平台探索模式下的 AI 辅助全流程编程能力。实验摘要实验特别提醒实验环境任务一:下载安装华为云码道(CodeArts)代码智能体任务二: 使用CodeArts代码智能体开发登录页面任务三(可选):使用CodeArts代码智能体开发个人网站页面实验总结

基于CodeArts代码智能体-快速构建商品管理Web应用华为云码道（CodeArts）代码智能体是华为云打造的智能编码产品，深度融合IDE、自主开发模式与代码大模型能力，支持项目级代码生成、代码续写、研发知识问答、单元测试用例生成等核心功能，可高效提升开发者研发效率，带来优质的智能化编码体验。立即点击链接，即可体验--->cid:link_0实验目标与基本要求任务一 下载华为云码道（CodeArts）代码智能体 任务二 配置智能体模式 任务三 构建商品管理Web应用实验摘要基于CodeArts代码智能体-快速构建商品管理Web应用实验任务任务一 下载华为云码道（CodeArts）代码智能体任务二 配置智能体模式任务三 快速构建商品管理Web应用

一、概述1.1 案例介绍小微企业是国民经济的毛细血管，但在数字化转型的浪潮中，它们往往面临着"想用不敢用、敢用不会用"的窘境。市面上的SaaS管理工具要么价格高昂让小企业望而却步，要么功能臃肿不符合实际需求。客户信息散落在Excel表格中，订单流转靠微信群里来回确认，数据孤岛让管理者无法及时掌握经营全貌。如何低成本、高效率地构建一套贴合自身业务的客户与订单管理系统，成为小微企业数字化突围的第一道关卡。本案例旨在通过AI驱动的智能开发方式，帮助小微企业快速构建专属SaaS管理工具，打通客户管理与订单流转的数字化链路。本案例采用华为云码道（CodeArts）代码智能体作为核心开发工具，通过华为云码道（CodeArts）代码智能体AgentTeam模式从需求讨论、架构设计到代码实现全流程AI驱动开发。码道自动完成需求规格说明、设计文档、任务分解，并按计划执行开发、测试与修复。结合UI-UX-Pro-Max技能实现专业级界面设计优化，PlayWright CLI技能完成E2E自动化测试与Bug修复，最终通过开发者空间 AI Shell一键部署至云端ECS，实现从代码到上云的完整闭环。案例技术选型：华为云码道（CodeArts）代码智能体：集代码大模型、AI IDE、Code Agent为一体的智能编码产品。理解项目需求，懂得编码之道，善用百器的实干派AI研发砖家。本案例中作为核心开发工具，通过智能体模式实现从需求到部署的全流程AI驱动开发。开发者空间 AI Shell：华为开发者空间提供的云端AI命令行工具，支持自然语言交互，可自动执行云资源规划、Terraform配置和部署操作。本案例中用于将KeCloud应用一键部署至华为云ECS。1.2 适用对象个人开发者高校学生企业开发者1.3 案例时间本案例总时长预计120分钟。1.4 案例流程说明：华为云码道安装部署与环境配置；安装PlayWright CLI和UI-UX-Pro-Max技能；码道智能体AgentTeam模式研发KeCloud系统；页面优化、E2E测试与Bug修复；代码上传至代码仓；AI Shell云端部署应用，访问验证。1.5 资源总览本案例预计花费20元。资源名称规格单价（元）华为云码道（CodeArts）代码智能体体验版免费开发者空间 AI Shell标准配置免费华为云资源ECS/EIP/VPN等20（按需）二、环境和资源准备2.1 基础环境准备参考案例《AI IDE华为云码道（CodeArts）代码智能体安装部署》，完成Windows版码道安装部署。打开码道终端，输入如下指令确认本地已安装Python/Node.js：python --versionnode --versionnpm --version注：若本地未安装，可参考案例《SKILL快速构建你的Java、Python和Node.js开发环境》完成搭建。安装并验证PlayWright CLI：npm install -g @playwright/cli@latest # 安装playwright cliplaywright-cli --help # 验证playwright cli2.2 安装PlayWright CLI技能开启码道Agent Space，切换AgentTeam模式，输入以下提示词安装playwright-cli-automation skill：帮我从gitCode上下载https://gitcode.com/sinat_41661654/playwright-cli-automation.git，并将该skill加载至 ~/.codeartsdoer/skills 码道的个人级skill。2.3 安装UI-UX-Pro-Max技能继续对话码道，安装UI-UX-Pro-Max技能：帮我从gitCode上下载https://gitcode.com/u014005316/ui-ux-pro-max，并将该skill加载至 ~/.codeartsdoer/skills 码道的个人级skill。等待码道自动完成下载与配置，可在设置 > 技能中查看。三、码道研发KeCloud系统3.1 需求讨论、设计与研发继续使用码道AgentTeam模式，输入需求进行分析讨论：我想做一个面向小微企业的SaaS工具，帮助用户管理客户和订单。我们一起来讨论下，项目的原始需求。码道完成需求分析，输出需求文档v1.0：继续对话码道，添加后续项目部署要求：我后期将使用华为云资源部署项目，需求文档中要留好设置和说明。码道更新需求文档，确认开始开发。码道自动完成需求、设计、任务计划等文档编写，并按tasks.md执行开发与测试。完成后运行程序：运行程序项目启动成功，浏览器访问效果如下：3.2 页面优化、测试与bug修复第一版页面效果欠佳，使用UI-UX-Pro-Max技能优化：请调用ui-ux-pro-max skill，帮我重新设KeCloud应用，包括动画、配色、布局、组件样式等。页面简单整洁，逻辑清晰，操作简便。使用PlayWright CLI技能进行E2E测试并修复Bug：请调用playwright-cli-automation skill帮我规划设计KeCloud应用的E2E测试，并自行设计开发测试用例，执行测试用例，修改bug。优化与修复完成后，填充测试数据并重启：在数据库各个表中填充一些数据，然后重启程序。数据填充完成，最终效果如下：3.3 代码仓创建与上传登录AtomGit，点右上角的“+新建”，选新建项目，填写项目名称（例：KeCloud），勾选“添加初始化README文件”，选择“公开项目”，点创建项目。项目创建后，复制Clone地址，对话码道生成README并上传代码：帮我总结项目，生成README文档，并将代码上传至https://gitcode.com/sinat_41661654/KeCloud.git码道自动完成代码上传。四、对话AI Shell，线上部署应用4.1 下载源码登录华为开发者空间，点击AI Shell图标启动云端环境，下载源码：帮我下载https://gitcode.com/sinat_41661654/KeCloud.git到本地4.2 规划资源继续对话AI Shell，分析部署所需资源：我想将系统部署到ECS上，帮我分析并罗列一下项目部署的所需资源。4.3 部署项目选用经济方案，继续对话AI Shell生成Terraform配置：请使用通用型 s6.large.2(2vCPU/4GB)、Ubuntu 22.04 ECS，单机 Docker Compose 方案生成Terraform配置继续对话AI Shell，执行Terraform部署华为云资源：请使用以上配置，执行terraform apply继续对话AI Shell，连接ECS并部署应用：帮我连接到ECS并部署应用4.4 访问页面部署成功，通过EIP访问应用：4.5 清除云资源（重要）云服务器按需计费，体验完成后及时释放资源：帮我清理所创建的华为云资源至此，AI Shell上云：码道AgentTeam驱动小微企业SaaS全链路实战案例结束，各位小伙伴快来开发者空间 AI Shell和华为云码道（CodeArts）代码智能体体验吧！我正在参加【案例共创】【第12期】基于华为云AI Shell完成云资源管理、云服务运维和应用部署。

华为云码道IDE侧边栏页面上的氛围编程按钮，点了没反应，怎么解决呢