背景随着宠物经济的兴起，数字化工具成为宠物店提升服务效率与用户体验的关键。本项目旨在利用码道（CodeArts），快速构建一款贴合实际业务需求的宠物店预约小程序。宠物经济数字化宠物消费市场增长：宠物主对高品质服务的需求日益增长，愿意为便捷、专业的服务付费，形成了巨大的市场空间。传统的管理方式痛点：传统的电话、微信预约方式效率低下，易出错，难以进行有效的模块数据统计和分析，制约了门店的进一步发展。小程序解决方案：小程序作为一种轻量级应用，无需下载安装，即用即走，非常适合宠物店这类需要快速触达用户的线下服务场景。业务需求与挑战核心功能梳理：明确小程序的核心是解决预约管理问题，需包含服务展示、在线预约、信息收集等基础功能。用户体验要求：界面需要温馨友好，操作流程应简洁明了，减少用户学习成本，提供流畅的使用体验。开发技术门槛：对于没有编程基础的宠物店老板而言，如何跨越技术门槛，快速实现想法并上线是最大的挑战。数据安全与可靠：确保用户提交的个人信息和预约数据安全、可靠，防止数据泄漏或丢失，是系统稳定运行的基础。AI赋能，让软件开发更简单、更高效码道通过多项智能体核心能力重塑开发体验需求智能拆解：输入自然语言描述的需求，AI可自动拆解为详细的功能点和开发任务。界面原型生成：根据需求或草图，AI可快速生成符合规范的UI界面原型，加速设计环节。代码自动生成：AI根据设计稿和业务逻辑，自动生成高质量的前后端代码，减少手动编码工作量。测试用例生成：自动为代码生成单元测试、集成测试用例，提升代码质量和可靠性。智能问题修复：AI能够理解上下文，辅助开发者快速定位并修复BUG。码道（CodeArts）实践通过码道的Spec、规则和Skill，我们能够高效、规范地完成宠物小程序的开发。在实践过程中亲自体验感受AI编程、AI协作的强大优势。Spec开发模式模式选择Vibe-Coding模式：边说边做，快速验证。通过对话探索想法，通过迭代发现需求。Spec-Driven模式：以规划为导向，交付精准，代码优质。Spec模式-需求生成Spec模式-方案设计Spec模式-任务计划Spec模式-任务执行Rules规则设置通过规则约束，确保代码风格与质量统一代码风格规范：设置统一的代码格式规则，如缩进、命名规范等，保证团队代码风格的一致性。安全漏洞扫描：集成安全扫描规则，在代码提交时自动检查潜在的安全楼栋，如SQL注入、XSS攻击等。提交信息检查：规范Git提交信息的格式，确保每次提交都有清晰的描述，便于后续的版本管理和追溯。质量门禁卡点：在CI/CD流水线中设置质量门禁，如代码覆盖率、编译成功率等，确保只有高质量的代码才能合入主干分支。Skills技能设置技能扩展，让AI具备领域专业知识技能是什么？技能是CodeArts中能力的封装，它将特定领域的专业知识（如前端开发、测试）打包成可复用的模块。内置技能：CodeArts预置了丰富的内置技能，如生成单测、修复单测、Web页面生成与美化、国际化支持等。自定义技能：用户可以根据项目需求，创建个人级或项目级的自定义技能，将自己的经验沉淀为AI的能力。技能调用：在智能体模式下，通过简单的自然语言指令，如“使用frontend-design技能生成一个登录页”，即可调用相应技能完成任务。问题总结在实践中，我们遇到了一些问题并进行了总结，这些经验为后续的开发提供了宝贵的参考，也验证了AI编程、AI辅助开发的巨大潜力。从问题中学习，不断优化开发流程需求描述偏差：初始需求描述过于宽泛，导致AI生成内容与预期不符。通过细化需求，增加示例和约束，问题得以解决。样式调整迭代：AI生成的默认样式为基础，通过多次使用自然语言指令进行细化调整，最终达到设计要求。移动端兼容性：部分组件在移动端显示或交互效果不佳。利用CodeArts预览功能，在多种设别上进行测试并针对性优化。数据库配置：初期对云数据库配置不熟悉。通过查阅文档和问AI咨询，掌握了集合创建、索引设置和数据验证方法。遇到的问题及解决Spec模式：并未触发严格的Spec模式？解决：添加关键词“请按照Spec四步模式进行开发”封装Utils函数：新建上下文对话未使用封装函数？解决：Rules规则里，在自定义Rule规则里添加封装的关键函数方法，使得新建上下文自动触发封装函数引用。作品展示

关键词：华为云码道、CodeArts、AI 编程、小程序开发、体育场馆预约、低代码开发、AI 辅助编程在数字化转型加速的今天，传统体育场馆预约普遍存在流程繁琐、信息不透明、管理效率低、资源浪费等痛点。本文基于华为云 CodeArts 码道 AI 编程平台，完整复现一款商用级体育场馆预约小程序的全流程开发过程。从需求分析、技术选型、AI 开发实战、项目交付到未来规划，全程仅用31 小时完成 18 个页面 + 38 个接口，效率较传统开发提升 4 倍。文章包含可直接复用的Prompt 模板、开发技巧、Spec+Skill 使用方法，适合前端开发者、小程序开发者、低代码爱好者、企业数字化转型技术负责人阅读学习。一、项目背景：传统体育场馆预约的行业痛点传统线下体育场馆预约模式，已经无法适配现代用户便捷运动与场馆高效管理的需求，主要存在以下四大痛点：流程繁琐，体验极差电话咨询、现场填表、人工审核，耗时耗力，热门时段预约困难。信息不透明，供需错位场地实时状态、余位、价格无法实时查看，用户常跑空、场馆常闲置。管理低效，易出错人工记账、统计、排班，成本高、错误率高，无数据支撑决策。数据孤岛，无法运营无独立数字化平台，用户数据、运营数据无法沉淀，难以精细化运营。项目目标打造集场馆展示、在线预订、支付、订单管理、教练服务、资讯运营于一体的智能化一站式小程序二、开发平台：华为云码道 CodeArts AI 编程能力解析本次项目能实现极速交付，核心依靠华为云码道（CodeArts）——AI 原生 IDE + 代码智能体，提供全链路 AI 研发能力。1. 两种 AI 开发模式探索模式（Vibe-Coding Mode）边聊边做、快速验证，适合小微项目、需求探索、单一技术栈。规范驱动模式（Spec-Driven Mode）先定义需求规范，再精准交付，适合工程化项目、全栈开发、商用交付。本次实战采用规范驱动为主 + 探索模式为辅，兼顾速度与质量。2. 码道核心 AI 能力需求分析 → 自动生成项目结构与数据模型代码智能补全、错误修复、性能优化AI 自动生成测试用例，保障稳定性一键生成 API 文档、开发文档支持自定义 Skill 与 Spec，工程化可控三、实战开发：31 小时从 0 到 1 完整流程1. 项目初始化：一句话 Prompt 启动项目使用规范 Prompt，让 AI 一次性理解技术栈、框架、业务、功能。Prompt 示例（可直接复制使用）：用uniapp开发体育场馆预约小程序，使用uview UI框架。 包含功能： 1. 微信一键登录注册 2. 场馆列表、筛选、搜索 3. 场地详情、日期选择、时段选择 4. 在线预约下单、价格计算、支付 5. 我的订单、订单状态管理、取消订单 6. 教练列表、教练详情 7. 资讯列表、详情、评论点赞 8. 个人中心、收藏、反馈 要求：页面美观、逻辑完整、可直接上线。AI 自动输出：项目目录结构页面文件清单数据模型设计基础业务代码2. 核心开发技巧：指挥官模式（纠正 + 引导）（1）纠正：代码优化、组件化、去冗余将场馆列表页面的卡片UI抽离为独立组件，支持多页面复用。 将时间格式化、价格计算函数抽离到utils工具库。（2）引导：复杂功能一键生成实现场馆列表下拉刷新、上拉加载更多分页功能。 实现预约时段选择、互斥判断、价格实时计算。 实现微信支付流程与订单状态同步。3. 工程化保障：Spec + Skill 双引擎Spec：精准定义需求、功能、交互、验收标准，让 AI 不跑偏。Skill：封装可复用能力单元，如支付流程、分页逻辑、表单校验。两者配合，AI 输出可商用、可维护、可扩展的工程化代码。4. 开发心态（重要！）Vibe-Coding 存在一定随机性，先跑通、再优化、最后精修。复杂功能拆小，分步实现。AI 是助手，不是替代，关键逻辑人工把关。四、项目成果：31 小时交付商用级小程序本次由1 名开发者独立完成，总耗时31 小时，效率提升4 倍。1. 开发耗时Day1（8h）：框架搭建 + UI + 交互实现Day2（13h）：API 接口对接Day3（10h）：联调 + Bug 修复 + 优化2. 交付清单独立页面：18 个API 接口：38 个功能完整度：100%技术栈：uniapp + uView + 微信小程序原生能力3. 核心页面与功能首页：场馆搜索、分类、热门推荐场馆详情：场地 / 日期 / 时段选择、实时计价预约下单：信息确认、联系人、支付提交我的订单：状态管理、详情、取消订单教练中心：教练列表、详情、资质展示资讯中心：动态、训练技巧、活动公告个人中心：登录、收藏、反馈、设置全流程闭环：浏览 → 预订 → 支付 → 管理 → 复盘五、工程目录和代码片段截图总结：AI 编程不是替代，是超级放大器通过本次实战可以明确：AI 编程正在重构开发效率，华为云码道 CodeArts 让普通开发者也能快速交付商用级项目。把重复编码、接口对接、文档编写交给 AI把需求设计、架构把控、体验优化留给开发者小团队、短时间也能做出高可用、可商用的数字化产品对于小程序开发、企业数字化、低代码转型，AI 编程已是必选项。

在codearts中配置mcp始终链接失败报：Cannot connect or auth on server: Client failed to initialize by explicit API call，在powershell中使用命令都是能正常启动的。idea版本：2025.1.4.1codearts agent版本：26.3.3

在codearts中配置mcp始终链接失败报：Cannot connect or auth on server: Client failed to initialize by explicit API call，在powershell中使用命令都是能正常启动的。idea版本：2025.1.4.1codearts agent版本：26.3.3

如果开了加速器，codearts插件会断网，不开又拉不下来镜像。运行过程中需要频繁拉取，不方便一个个手动拉取再继续任务。

以下为错误输出我来帮你完成这个任务。首先让我创建一个任务列表来跟踪进度，然后开始探索代码库。探索APP文件夹结构，了解现有代码0 / 8你好!我是CodeArts代码智能体,很高兴为你服务。我注意到你发送了一个空消息。请告诉我你需要什么帮助,我可以协助你完成各种软件工程任务,例如:编写、修改或调试代码分析项目结构搜索代码库执行命令和脚本创建和管理文件解答技术问题请描述你的需求,我会尽力帮助你。我理解了您的任务终止规范。我会严格遵守以下规则:任务未完成时: 必须主动调用工具继续执行,不会停止或仅输出结论任务完成时: 先提供清晰完整的任务总结,然后在最后一行添加 🎯 标记结束禁止行为: 不会单独返回 🎯、不会在无总结时输出 🎯、不会未调用工具却声称完成我已准备好协助您进行软件开发任务。请告诉我您需要什么帮助?🎯

案例介绍本案例将基于华为云码道 AI IDE 构建SKILL技能，一个极致高效的 HTML 动画生成器技能（html-animation-generator），通过描述：使用html-animation-generator技能构建一个卡通火箭从发射台升空，引擎喷火，背景是星空，循环播放的动画。案例内容一、概述1.1 适用对象个人开发者高校学生企业开发者1.2 案例时间本案例总时长预计60分钟。1.3 案例流程作为一名开发者尤其是AI时代的开发者，有时在AI生成网站或者不想麻烦设计的时候，可以通过描述自己的想法去生成对应的动画，作为插图放到网页中。为了解决这一痛点，通过华为云码道（CodeArts）代码智能体强大的 AI 能力，快速构建一个 【一个极致高效的 HTML 动画生成器技能html-animation-generator】 的SKILL。这个 SKILL 将能够直接基于描述去生成对应的 html动画效果。SKILLs是一种为大型语言模型获取新能力的模块化封装标准。它基于“渐进式披露”（Progressive Disclosure）架构设计，将特定任务的指令、脚本与资源结构化存储为独立单元。该机制允许模型在对话上下文中，通过元数据智能识别用户意图，仅在需要执行特定功能时，才按需加载对应的核心指令（SKILL.md）及可执行资源（如Python脚本、参考文档）。这种架构在保证模型轻量化响应的同时，显著扩展了其处理复杂、多步骤任务的能力。华为云码道（CodeArts）代码智能体是一款集代码大模型、AI IDE、Code Agent为一体的智能编码产品。一个理解项目需求，懂得编码之道，善用百器的实干派AI研发砖家，开启你的编码自动驾驶模式。   说明：完成AI IDE华为云码道（CodeArts）代码智能体安装部署和基础配置（我是Mac os，其余应该也一样）；在华为云码道上配置skill，然后通过描述去创建对应的 skill，也可以使用社区的skill-creator去做；与码道对话，使用自己的描述或skill-creator生成html-animation-generator；与码道对话，使用html-animation-generator技能构建一个卡通火箭从发射台升空，引擎喷火，背景是星空，循环播放的动画。1.4 资源总览本案例预计花费0元。资源名称规格单价（元）华为云码道（CodeArts）代码智能体系统标配免费二、环境和资源准备2.1 AI IDE华为云码道安装部署参考《AI IDE华为云码道（CodeArts）代码智能体安装部署》完成AI IDE华为云码道（CodeArts）代码智能体安装部署。2.2 使用skill-creator如果使用skill-creator，请参考这个案例《华为云码道实战：集成skill-creator打造md-to-word文档转换技能》请使用 skill-creator 技能去生成一个 skill，这个 skill 是一个极致高效的「HTML 动画生成器」。 用户给你一段描述，你必须直接输出一个完整的、可直接保存为 .html 文件并在浏览器打开的动画代码。### 要求：1. 判断用户提供的描述是否符合要求。 合理的描述应该包含动画的视觉元素和动作描述，例如： “一个卡通火箭从发射台升空，引擎喷火，背景是星空，循环播放” “一个 3D 风格的旋转地球，周围有粒子光环，深色背景，现代科技感” “文字 'Hello 2026' 以打字机效果出现，然后爆炸成彩色粒子” 如果用户输入不符合要求，可以基于用户的提示词优化并重新生成合理的 3 条描述，给用户选择，用户选择后再生成代码。2. 严格单文件，所有 CSS 和 JS 都在里面。3. 动画要美观、专业、有趣，符合提示词的氛围。 4. 使用合适的动画技术： - 简单移动、缩放、旋转、颜色变化 → CSS @keyframes + Tailwind - 粒子、轨迹、物理交互 → Canvas + requestAnimationFrame - 文字特效 → CSS 或 Canvas - 如果提示词复杂，请使用gsap去实现，gsap去参考 gsap 相关的 skill，如果用户没有安装可以通过 https://github.com/greensock/gsap-skills/tree/main/skills 将里面的内容下载下来放到对应项目的.codeartsdoer/skills/下面 5. 在代码顶部添加注释：动画描述、如何修改关键参数。 现在，根据用户提示生成动画。2.3 不使用skill-creator参考 cid:link_42.4 创建技能后核对技能并修改  2.5 开始使用创建的技能 html-animation-generator去生成对应的内容使用html-animation-generator帮我生成一个 文字 'Hello dhzss 以打字机效果出现，然后爆炸成彩色粒子 的动画没法上传视频，就先放个图意思一下，生成的代码在 cid:link_2  注意：任务执行过程中，复杂的动画可能会需要你安装GSAP skill，可从 https://github.com/greensock/gsap-skills/tree/main/skills 下载放到 `.codeartsdoer/skills/` 下，若已手动安装配置则跳过此步骤。还有一些执行或删除脚本的命令需要根据系统提示点运行即可 2.6 最后本文中生成html-animation-generator已上传至gitCode，各位开发者按需下载（cid:link_3）。至此，基于AI IDE华为云码道（CodeArts）代码智能体构建SKILL工坊案例结束，各位小伙伴快使用华为云码道（CodeArts）代码智能体体验吧。 反馈改进建议如您在案例实操过程中遇到问题或有改进建议，可以到论坛帖评论区反馈即可，我们会及时响应处理，谢谢！【案例共创】【第10期】华为云码道（CodeArts）代码智能体 + SKILL完成应用开发/调试实践cid:link_5

如果大家是兴趣来用这个软件的可以试试工作日白天比较早的时间和中午吃饭时间，晚上不行比较拥挤

用了一段时间，刚开始很不错，后来这几天，就是在重复的梳理需求，梳理完就问我，需要我做什么，我告诉他做什么，他又在梳理需求，梳理完又问我一模一样的话，梳理的过程也是一模一样，无限重复

就是在给出输出总结的时候这个对话框不能输入文字，有些浪费时间了

 真的特别需要优化这个问题，而且我复制是因为，在问答窗口那个小窗口不能复制而且窗口极小（详见我上一个提问），我需要复制出来自己分析一遍数据，这样就两头堵了 

在规划智能体使用过程中，若是产生大量的上下文或者阅读大文章，规划能力就失效，图中我并未输出任何执行的指令，智能体自动执行，且大量上下文经常导致智能体奔溃，聊天框出现灰色界面，该异常无法进行工程级别的工作，仅能进行小样本拓展，且聊天页长了，经常会卡顿。请工程师团队仔细验证。

 就是输出结果这小窗口，太小了，麻烦优化一下，最好调大点或者能够调节大小最好，谢谢！ 

建议早日开启收费套餐，当前大模型调用排队时间太影响体验。

CodeArts IDE，没找到把项目另存为 .code-workspace的方法，是有什么其他的类似做法吗？