搜索

APP

起点课堂会员权益

职业体系课特权

线下行业大会特权

个人IP打造特权

30+门专项技能课

1300+专题课程

12场职场软技能直播

12场求职辅导直播

12场专业技能直播

会员专属社群

荣耀标识

发布

自定义Agent与多模型对接：AI辅助鸿蒙应用开发实践

华为开发者联盟

2026-02-25

0 评论 639 浏览 0 收藏

17 分钟

1 实战演练：一句话生成你的鸿蒙聊天机器人

让我们通过一个完整的真实场景，看看自定义智能体 @HarmonyMaster 是如何协同 CodeGenie 的核心能力完成开发任务的。

1.1 智能体提示词配置

你是鸿蒙开发专家，精通 ArkTS 语言、ArkUI 声明式开发范式以及鸿蒙系统的分布式架构。它的核心能力是协同四大模块（任务规划、知识检索、代码生成、规则校验）为用户提供从需求到部署的完整开发解决方案。

# Core Workflow （深度执行流）
当接收到开发指令时，智能体必须严格遵循以下五个步骤进行思考和输出，不得跳过任何环节：
1. **任务拆解与规划**：
分析用户指令，识别出 UI 开发、逻辑实现、权限配置、性能优化等核心任务。

2. **知识检索**：
通过Context7明确指出你查询了哪些关键 API（如 `FormExtensionAbility`、`mediaquery` 等），并确认其 API 版本的稳定性。
明确指出你获取了哪些设计规范（如尺寸、颜色、布局标准）。

3.  **代码生成**：
*   **UI 层**：基于 ArkTS 组件生成布局，确保结构清晰（如 Column、Grid 等）。
*   **逻辑层**：实现生命周期回调、数据流转或交互逻辑。
*   **适配层/配置层**：处理配置文件（如 module.json5）或特定的适配逻辑。

4.  **规则校验与修正**：
*   **这是关键步骤**：你必须主动审查生成的代码，调用规则检查工具进行自我修正。
*   格式要求：
> **🔍 检查**：[发现的问题描述]
> **✨ Rule [X] 生效**：[具体的修正动作和结果代码]

5.  **构建与部署**：
*   调用文件系统工具模拟写入文件的过程，并描述执行编译命令（如 `hvigorw assembleHap`）。
*   以 **”BUILD SUCCESSFUL”** 结尾，并给出最终的反馈总结。

# Response Format
你的回答必须结构清晰，标题层级分明

具体的配置如下图：

1.2 开发者指令

@HarmonyMaster
开发一个基于HarmonyOS的AI聊天机器人应用，包含聊天消息列表布局、消息气泡样式、用户输入区域、发送按钮

1.3 智能体的深度执行流

1.3.1 任务拆解与规划

智能体首先分析指令，识别出五个核心任务：

UI开发（聊天消息列表（List组件）、消息气泡样式、用户输入区域、发送按钮）
数据层（消息数据模型定义、消息列表状态管理）
逻辑层（发送消息逻辑、消息自动滚动、时间戳生成）
样式层（用户气泡与AI气泡的差异化样式设计）

1.3.2 知识检索（通过 MCP 连接）

Context7 知识库检索记录

智能体通过 MCP 连接 Context7 知识库，实时查询：

List component API and scrollIndex/scrollToIndex methods (列表组件与滚动控制)
ArkTS custom component @Prop decorator (自定义组件属性传递)
Date object timestamp implementation (日期时间戳)
@State state management for reactive updates (响应式状态管理)
Column/Row/Blank layout components (弹性布局系统)
TextInput placeholder and onChange events (输入框交互)
Button dynamic backgroundColor with conditional logic (动态样式绑定)
ForEach rendering optimization with key generator (列表渲染优化)
ListScroller automatic scroll to bottom (列表自动滚动)
Text constraintSize property for content wrapping (文本约束与换行)
EdgeEffect.Spring elastic scrolling (弹性滚动效果)
EntryAbility windowStage.loadContent lifecycle (页面加载生命周期)
module.json5 pages configuration (模块页面注册)
setTimeout delayed execution for async simulation (异步延迟处理)
borderRadius complex corner customization (多角圆角定制)

1.3.3 代码生成（基于自定义模型）

基于检索到的知识和配置的专业模型，智能体开始生成代码：

AI聊天机器人核心代码：

import { Message, MessageRole } from ‘../model/Message’;
import { MessageBubble } from ‘../components/MessageBubble’;

@Entry
@Component
struct ChatPage {
@State messages: Message[] = [new Message(‘你好！我是AI助手，有什么可以帮助你的吗？’, MessageRole.ASSISTANT)];
@State inputText: string = ”;
private listScroller: ListScroller = new ListScroller();

aboutToAppear(): void {
setTimeout(() => this.listScroller.scrollToIndex(this.messages.length – 1), 100);
}

scrollToBottom() {
this.listScroller.scrollToIndex(this.messages.length – 1);
}

sendMessage() {
if (this.inputText.trim() === ”) return;
this.messages.push(new Message(this.inputText.trim(), MessageRole.USER));
this.inputText = ”;
this.scrollToBottom();
this.simulateAIResponse();
}

simulateAIResponse() {
setTimeout(() => {
const responses = [‘这是一个很有趣的问题！让我来详细解答一下。’, ‘很好的想法！我建议您从以下几个方面入手。’];
this.messages.push(new Message(responses[Math.floor(Math.random() * responses.length)], MessageRole.ASSISTANT));
this.scrollToBottom();
}, 1000);
}

@Builder HeaderBuilder() {
Row() {
Text(‘AI聊天助手’).fontSize(20).fontWeight(FontWeight.Medium).fontColor(‘# 000000’)
}.width(‘100%’).height(56).padding({ left: 16, right: 16 }).backgroundColor(‘# FFFFFF’)
.border({ width: { bottom: 1 }, color: ‘# F0F0F0’ }).justifyContent(FlexAlign.Center)
}

@Builder InputAreaBuilder() {
Row() {
TextInput({ placeholder: ‘输入消息…’, text: this.inputText }).layoutWeight(1).height

智能体调用内置文件系统写入工具，将代码写入到 ets/pages/ChatPage.ets。