在这里插入图片描述

鸿蒙原生APP开发实战指南:三套低成本AI辅助方案全解析

本文分享三套经过实战验证的鸿蒙APP开发方案,从原型设计到代码实现,帮你找到最适合的低成本开发路径。


前言

给大家推出三套我常用的方案,也是经过不断的摸索,最终总结出来的我认为价格最低的方案了。每套方案都经过实际项目验证,最终产出了两款鸿蒙原生APP。


方案一:Claude + DeepSeek V4-Pro + Gemini + ChatGPT

这套方案的组成可能需要一定的门槛,因为 Gemini 和 GPT 需要谷歌账号,没有谷歌账号的可以跳过这部分,直接看方案二。

ChatGPT-Image:你的产品经理

ChatGPT 就是我们开发的产品经理,负责生成高保真原型图。直接上案例:

官网:chatgpt.com

我的提示词

我想要做一个利用小艺智能体来识别图片或者语音输入我吃的饭来进行本地存储,自动计算卡路里来展示到首页,其他页面自行发挥,确保真实性,单机版本即可,给我生成高保真原型图

原型图效果

在这里插入图片描述

这个效果估计设计师看了又要掉泪了吧,简洁的提示词作出这么完整的界面。有了原型图就开始生成提示词了,也就是给我们的「眼睛」(Gemini)。

Gemini:做 Claude 的「眼睛」

Gemini 的核心任务是观看原型图,生成详细的提示词给无法识别图像的 Claude。

提示词参考

查看下高保真原型图,现在我要用claude+deepseek来写代码,他无法识别图像,你来做眼睛,将图片形成提示词形式给claude

实际效果

在这里插入图片描述
在这里插入图片描述

就是让他做眼睛,把原型图的每个细节转化为文字描述给 Claude。

Claude + DeepSeek 合体教程

安装 Claude Code
npm install -g @anthropic-ai/claude-code
# 如果安装过程中遇到网络问题,可以尝试使用国内 npm 镜像
npm install -g @anthropic-ai/claude-code --registry https://registry.npmmirror.com
配置 DeepSeek 环境

获取 Key:https://platform.deepseek.com/api_keys

充值额度:建议在官网直充,绝对是纯血的

在这里插入图片描述

接入 Agent 文档:https://api-docs.deepseek.com/zh-cn/#接入-agent-工具

在这里插入图片描述

找到 C:\Users\你的用户名\.claude\ 目录,创建 settings.json 文件:

{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "sk-xxxxxxx",
    "ANTHROPIC_BASE_URL": "https://api.deepseek.com/anthropic",
    "ANTHROPIC_MODEL": "deepseek-v4-pro[1m]",
    "ANTHROPIC_DEFAULT_SONNET_MODEL": "deepseek-v4-pro[1m]",
    "ANTHROPIC_DEFAULT_OPUS_MODEL": "deepseek-v4-pro[1m]",
    "ANTHROPIC_DEFAULT_HAIKU_MODEL": "deepseek-v4-flash",
    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1",
    "CLAUDE_CODE_EFFORT_LEVEL": "max"
  },
  "enabledPlugins": {
    "superpowers@claude-plugins-official": true,
    "ui-ux-pro-max@ui-ux-pro-max-skill": true
  },
  "extraKnownMarketplaces": {
    "superpowers-marketplace": {
      "source": {
        "source": "github",
        "repo": "obra/superpowers-marketplace"
      }
    },
    "ui-ux-pro-max-skill": {
      "source": {
        "source": "github",
        "repo": "nextlevelbuilder/ui-ux-pro-max-skill"
      }
    }
  },
  "codemossProviderId": "cc0a6495-b127-4605-b636-2a3b770870af"
}

只需更换 ANTHROPIC_AUTH_TOKEN 即可。

输入 claude 出现以下页面就成功了:

在这里插入图片描述

全自动指令

claude --dangerously-skip-permissions

配置全自动模式后就不需要一直手动确认了,效率大幅提升。

DevEco Studio:鸿蒙开发的主角

这才是真正的主角,因为只有 DevEco Studio 可以创建鸿蒙项目。项目创建部分就不演示了,如果你想写其他技术栈就更简单了,直接进入目录询问就行。

在这里插入图片描述

进入项目目录后,Claude 会自动扫描项目结构:

在这里插入图片描述


方案二:Claude + DeepSeek V4-Pro + 豆包

唯一的区别就是「眼睛」不同了,豆包也可以看图片生成提示词:

在这里插入图片描述

注意事项:使用豆包时要明确规定技术栈:

在这里插入图片描述


方案三:Trae + DeepSeek V4-Pro + 豆包

这个方案需要订阅豆包的套餐。我用的是火山引擎的:

在这里插入图片描述

Trae 可以优化提示词,这点很方便。写代码的能力 DeepSeek 还是比豆包好一点。用 Trae 的缺点就是太贵了,实测比 Claude 贵两倍。


鸿蒙APP成品展示

这是我最新作品——鸿蒙原生APP的部分界面展示,目前项目还没开源,给大家看看效果:

APP 1:卡路里记录应用

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

APP 2:专注计时应用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


成本参考

给大家一个用量信息参考:

在这里插入图片描述

在这里插入图片描述

重要提示:DeepSeek 在 5月30号之前都是 2.5折,这个价格没得说,是真的便宜!

在这里插入图片描述


结语

三套方案各有优劣:

方案 成本 适用场景
方案一 最低 有谷歌账号,追求极致性价比
方案二 国内用户首选,简单易用
方案三 较高 需要提示词优化功能,预算充足

核心建议

  • 原型设计 → ChatGPT-Image
  • 提示词生成 → Gemini / 豆包
  • 代码实现 → Claude + DeepSeek
  • 鸿蒙项目 → DevEco Studio

这套组合拳下来,一个完整的鸿蒙APP就能从想法变成现实。希望这篇指南能帮助到正在探索鸿蒙开发的朋友们!


Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐