企业官网建设流程全解析

一、环境与资源准备

1.1 安装&登录华为云码道IDE

参考《华为云码道本地部署手册》完成华为云码道部署与本地基础环境搭建。

1.2 安装配置Docker

参考《Windows环境安装Docker Desktop》完成WSL的更新或安装，以及Docker Desktop的部署与设置

1.3 获取天地图应用密钥

注册登录天地图官方网站，点右上角账号进入「服务中心控制台」：

1. 左侧菜单选择「开发管理」 > 「开发者信息」 > 「开发者认证」，在右侧开发者认证界面，根据需要申请成为个人开发者或政府/企业开发者；
2. 左侧菜单选择「开发管理」 > 「应用管理」 > 「我的应用」，在右侧我的应用界面点“+ 创建新应用”，根据弹窗提示填写应用名称、行业类别、应用类型，勾选服务声明后，点提交；
3. 在我的应用列表中，复制保存应用密钥。

1.4 安装SKILL

对话码道，自动安装fullstack-testing skill。

请帮我把https://gitcode.com/sinat_41661654/codearts-skills/tree/main/fullstack-testing安装到本地个人级skill

对话码道，发送如下prompt，安装ui-ux-pro-max skill：

请帮我安装 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git 这个 skill 到 CodeArts，要求最终在个人级技能列表中可见。具体步骤如下： 1. 克隆仓库到 ~/.codeartsdoer/skills/ui-ux-pro-max（注意：目录名用 ui-ux-pro-max，不是 ui-ux-pro-max-skill，需与 SKILL.md frontmatter 中的 name 字段一致）： git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git ~/.codeartsdoer/skills/ui-ux-pro-max 2. 进入目录，使用 universal 模式初始化： cd ~/.codeartsdoer/skills/ui-ux-pro-max && npx ui-ux-pro-max-cli init --ai universal 3. 将生成的 SKILL.md 从嵌套路径复制到 skill 根目录（CodeArts 只识别根目录的 SKILL.md）： cp .agents/skills/ui-ux-pro-max/SKILL.md ./SKILL.md 4. 在 ~/.codeartsdoer/skills/UserSkillStatus.txt 末尾追加注册行（注意换行）： echo "ui-ux-pro-max=true" >> ~/.codeartsdoer/skills/UserSkillStatus.txt 5. 验证：调用 listSkills 工具确认 ui-ux-pro-max 出现在列表中，scope 为 user，status 为 enabled。

注意：ui-ux-pro-max skill安装完成后，可在「设置」 > 「技能与规则」 > 「个人级」中进行查看。

二、AgentTeam模式，多Agent并行开发太平年 · 五代十国文化志

2.1 AgentTeam模式，多Agent并行开发

打开码道，切换Agent Space，选择代码开发 > AgentTeam模式：

码道对话框中输入如下请求：

我最近观看了电视剧《太平年》后，对以五代十国时期（公元907年—979年）为代表的中国古代历史文化产生了浓厚兴趣。我希望面向与我类似的历史文化爱好者，设计并开发一个Web应用程序，以帮助用户系统性地了解该历史时期的多维度信息。 具体需求如下： 1. **历史地图模块**：展示五代十国时期的疆域变迁、政权分布及地理形势，支持交互式浏览与时间轴动态演变。 2. **文化模块**：涵盖该时期的文学、艺术、宗教、哲学等方面的内容介绍与代表性作品展示。 3. **经济模块**：呈现当时的农业、手工业、商业贸易及货币制度等经济状况。 4. **民族模块**：展示各民族（如汉族、契丹、沙陀等）的分布、迁徙轨迹、文化特征及民族交融情况。 请从以下技术维度进行分析与方案设计： - 技术架构选型（前端框架、后端服务、数据库设计） - 交互式地图实现方案（如GIS库的选择与集成） - 数据建模与内容组织方式 - 用户体验设计（面向非专业文化爱好者的信息呈现与交互设计） - 项目的可行性与开发优先级建议 其他细节你可以向我提问，我们一起探讨规划该应用如何实现。

码道接收任务后，开始分析需求、项目状态，然后调用MCP服务，准备历史城市数据。

设计过程中，会询问确认关键决策点。

项目设计完成后，对话码道，启动开发。

开发过程中，码道自动创建多Agent并行开发。

开发完成后，启动项目，查看效果。

访问前端地址，查看项目。（访问后，若遇加载报错。可打开浏览器的“开发者工具”，在consle页签查看报错信息，将报错信息反馈给码道，让其自动修复优化）

提示：本案例时间较长，约需要1.5小时。可使用如下提示词，快速复现工程。

2.2 快速复现太平年 · 五代十国文化志

沉淀SDD后开发的提示词：（注意将提示词中的替换自己的天地图应用密码）

我近期观看电视剧《太平年》后，对五代十国时期（公元907年—979年）的中国古代历史文化产生了浓厚兴趣。我计划面向与本人类似的历史文化爱好者，设计并开发一个名为"太平年 · 五代十国文化志"的Web应用程序，旨在帮助用户系统性地了解该历史时期的多维度信息，包括但不限于：政治沿革与王朝更替、帝王世系与人物传记、重大历史事件、地理疆域变迁、文化艺术成就等。 当前项目目录中已包含一份完整的需求规格说明文档。请参考该文档协助我实现此应用，具体要求如下： 1. 从gitCode代码仓下载spec文档到本地：https://gitcode.com/sinat_41661654/fiveDynasties/tree/main/.codeartsdoer/specs/fiveDynasties 2. **技术架构选型**：依据spec文档中的技术要求，确定前端框架、数据存储方案及整体项目架构，并说明各技术选型的适用场景与优劣势分析。 3. **功能模块实现**：按照spec文档中定义的功能模块划分，逐一实现各核心功能，确保每个模块的交互逻辑、数据流转路径及边界条件处理完整且可测试。 4. **数据建模与组织**：基于五代十国时期历史数据的多维度特点，设计合理的数据结构与模型，涵盖朝代、帝王、事件、地理等实体间的关联关系。 5. **用户体验设计**：针对历史文化爱好者群体的使用习惯与认知特点，优化页面布局、导航结构、信息层级及视觉风格，确保内容呈现兼顾学术严谨性与可读性。 补充： 1. 开发过程中可使用ui-ux-pro-max skill进行页面的设计，确保页面布局、风格、字体、配色等符合大众审美。 2. 开发完后要进行充分测试，可使用fullstack-testing skill进行测试的规划与执行； 3. 天地图的应用密码是：<your-tianditu-Key> 若spec文档中存在表述不明确或存在歧义之处，请先向我确认后再继续实现。

同理，访问后若遇加载报错。可打开浏览器的“开发者工具”，在consle页签查看报错信息，将报错信息反馈给码道，让其自动修复优化