使用 AI + Flutter-OH 开发 HarmonyOS 应用

使用 AI + Flutter-OH 开发 HarmonyOS 应用

• • 一、开发环境准备
  • [二、添加 Flutter Skills](#二、添加 Flutter Skills)
  • [三、添加 Flutter OH Skill（自定义）](#三、添加 Flutter OH Skill（自定义）)
  • [四、Github Copilot 自定义指令](#四、Github Copilot 自定义指令)
  • [五、开启 Vibe Coding 之路](#五、开启 Vibe Coding 之路)

Author：Gorit

Date：2026年3月30日

---

其它的工具其实差不多，比如 Cursor、Trae 写好对应的 AI rules 即可，各种工具大差不差

• 核心基本是约束项目架构、技术栈
• 编码风格
• 通过一些专业提示词

一、开发环境准备

1. claude code 接入自定义模型，我个人用的（阿里云的 Coding Plan，支持glm-5/minimax-2.5/kimi-2.5 等）
2. vs code + github copilot/oai copilot 接入自定义模型
3. DevEco Studio 6.0.2 Release + 模拟器

对于 AI IDE 开发工具, 市面上有 Cursor | windsurf | Google antigravity | Trae 等等;
对于 AI 插件, 市面上有个 github copilot | cline 等等;
对于 AI CLI, 市面上有 claude code | codex | github cli 等等;

大家可以根据自身需要选择合适的开发工具, 并配置 mcp 以及 skills 能力

二、添加 Flutter Skills

Claude Code 支持 Skills, 在你的 Flutter 项目根目录输入如下命令:

npx skills add flutter/skills

更新 skills

npx skills update flutter/skills

感兴趣可以看 Flutter skill 源码: flutter/skills

注意: 这个 Skills 是 Flutter 官方出品, 我们用 AI Agents 生成代码的时候, 一些 dart 语法可能是最新的, 导致 Flutter-OH SDK 可能识别不出来

并且大概率是只支持 Android 和 IOS 的

三、添加 Flutter OH Skill（自定义）

按如下层级创建 SKILL.md，这样做的好处，这个 skill 约束 Flutter OH 开发该如何更好的开发 HarmonyOS App；

然后我们将 flutter_flutter , flutter_pacakage 的 README 内容喂给 claude code, 当 claude code 读取并识别后, 并且参考其他 Skill 如何实现;

1. 约束当前 Flutter OH 的版本;
2. 约束当前三方库在哪里可以下载;
3. 约束三方库添加示例等等;
4. 约束 Dart 及 Flutter 的版本，避免纯 Dart 库会无法使用；

具体完整 SKILL.md 可直接复制粘贴

四、Github Copilot 自定义指令

前面说过，我们是用两个工具一起来开发，claude code 用来做架构设计，生成接口，Github copilot 主要借助代码生成完善代码, 并添加一些 Flutter 开发的约束

当然有精力可以直接使用 Github copilot 来完成，灵活多变

参考提示词：copilot-instructions.md 目前是 claude code 和 github copilot 协作完成，参考 @.claude/flutter-oh-development/SKILL.md 完善对应指令，完成后，我对指令进行了更细化的拆分，以及具体的调节

具体可以参考：copilot-instructions.md

还有些其它配置，比如配置常见 mcp 服务也可以加上，看个人喜好增加开发体验了

五、开启 Vibe Coding 之路

基本工作准备完成后，开始编码工作，我们可以打开之前创建的 demo 项目，输入如下提示词：

@demo\ 验证 flutter skills

由于我已经提前写过了，所以细节就不再展示了

生成代码运行截图