写鸿蒙(ArkTS/ArkUI)应用时,再也不用手动翻图标文档,也不怕 AI 瞎编图标名。用中文说「麦克风」「返回箭头」「播放」,AI 直接给你对应的系统图标和能粘进项目里用的引用方式。
这是一个与平台无关的 AI 编程智能体技能包,已覆盖 4000+ 鸿蒙图标及颜色、字符串、尺寸等资源。WorkBuddy、Claude Code、Cursor 等任意能读文件、跑命令的智能体都能用。
- AI 不知道有哪些系统图标——鸿蒙内置 4000+ 个图标,但 AI 没有这份数据,只能凭印象编一个名字,结果图标根本不显示。
- 瞎编的引用直接报错——引用格式写错、或把位图当矢量用,一运行就崩。
- 图标名全是英文——像
ohos_ic_public_mic这种名字,中文开发者没法用母语搜,得先查文档再回来写代码,思路一直被打断。 - 矢量、位图分不清——
SymbolGlyph用了 media 资源会运行异常,新手特别容易踩坑。
- 中文一句话搜图标——「麦克风」直接返回全部相关图标,「相机」「座椅」「方向盘」「充电桩」等也能命中;还支持同义词、英文,甚至拼写纠错(比如
wifii也能纠正到wifi)。 - 直接给出能用的引用——AI 会自动带上正确的组件写法和常用配置(着色、字重等),你复制进项目就能跑。
- 自动选对组件——根据图标类型决定用
Image还是SymbolGlyph,从根上避免类型用错导致的运行异常。 - 顺手查系统资源——颜色、字符串、尺寸、复数等系统资源也能一起查,统一引用,不用再四处找。
- 不挑工具——纯指令加标准脚本,不绑定任何平台,复制目录即可用。
不用记任何命令,也不用读文档。把本技能放进你的智能体技能目录后,像平常一样跟 AI 对话就行:
- 想加图标时,直接说「帮我找个返回箭头」「搜索按钮用哪个图标」「播放图标怎么写」,AI 会自己检索并返回对应的系统图标和可粘贴的引用。
- 想用系统颜色、字符串、尺寸时,顺口问一句即可,AI 给出统一写法。
- 写出来的代码已经是正确形态,你只需贴进项目、按需调大小或颜色。
整个过程对你来说就是「用中文提需求」,剩下的检索、选组件、拼引用都由 AI 完成。
- 图标一定存在、引用一定正确——不再出现「图标不显示」或「运行时报错」的尴尬。
- 开发不再卡在「这个图标叫啥」——中文母语直接搜,思路不中断。
- 新人也能写出规范代码——组件选错、类型混用这类坑被技能自动兜住。
- 一致性更好——统一走系统资源引用,界面风格更统一,后续跟随鸿蒙版本升级也更省事。
把本目录整体放进你所用智能体的 skills 目录即可,无需额外安装——WorkBuddy、Claude Code、Cursor、Cline 等通用同一套方式,技能会被自动识别,AI 在需要时自行运行查询。
前置依赖:查询用 Python 3 标准库;重建索引用 Node.js。普通使用无需任何安装。
本技能把鸿蒙系统资源整理为可直接查询的索引,共 7356 项,其中图标 4194 个(矢量 4027 + 位图 167),另有颜色、尺寸、字符串、复数等资源。数据源来自鸿蒙 SDK 的资源表,社区可随新版本重建。
本仓库不内置图标画廊。如需可视化浏览全部鸿蒙系统图标(可按尺寸、字重、颜色筛选),请前往在线预览站:https://www.vpskill.com/tools/icons
系统资源表提取自 HarmonyOS(OpenHarmony)sys 系统资源模块。本仓库仅以「索引 + 引用方式」提供查询与使用指引,不重新分发系统资源本体;相关版权归华为 / OpenHarmony 所有。
如内容涉及版权侵权,请通过 QQ:1299618103 或 邮箱:1299618103@qq.com 联系处理。
欢迎提交 Issue 与 PR,常见方式:补充中文映射让更多词可搜、修正分类或标签、跟随新版本鸿蒙 SDK 重建索引。
MIT