Menu

Not in the top 1,000 by GitHub stars

dososo/HarmonyOS-Design

面向 AI Agent 的 HarmonyOS / ArkUI 设计与动效 Skill、规则库与评测基线 · Design & motion Skills, rule library and evaluation baseline for HarmonyOS / OpenHarmony / ArkUI

Design

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

skills/harmonyos-design/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Not checked yet → After Instructions only

205afcbf1d81 → 9b8308272113

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Not checked yet

First observation → 205afcbf1d81

No earlier version was observed for comparison.

Compare on GitHub

skills/harmonyos-motion-vocabulary/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Not checked yet → After Instructions only

205afcbf1d81 → 9b8308272113

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Not checked yet

First observation → 205afcbf1d81

No earlier version was observed for comparison.

Compare on GitHub

skills/review-harmonyos-design/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Not checked yet → After Instructions only

205afcbf1d81 → 9b8308272113

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Not checked yet

First observation → 205afcbf1d81

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 9b830827211381767fd6511cae88218fac77a056

41GitHub stars
2stars in 7 days
3skills in this repository
1commit in 30 days

Heat

4.9
  • Star growth, last 7 daysNot available
  • Star growth, last 24 hoursNot available
  • Rank movement, last 7 daysNot available
  • Commits, last 30 daysNot available
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Oct 25, 2026Nov 6, 202641

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

harmonyos-design

When your agent uses it

审视、设计、从零启动或改进 HarmonyOS、OpenHarmony 与 ArkUI 产品界面。用于检查 ArkTS UI、建立新项目设计基线、区分永恒原则与当前平台视觉语言、规划跨手机/平板/折叠屏/PC 的导航和布局、多输入控件状态、animateTo、transition、geometryTransition、springMotion、手势跟手与可打断动效、异步状态真实性、视觉分层参数、无障碍或动画性能，或建立鸿蒙 Motion Token 时。不要用于签名、构建、网络、存储、权限、数据库等纯工程问题，也不要用于通用视频剪辑或其他移动平台的设计规范评审。

What it loads into context

Frontmatter

180 tokens

Always available to the agent

SKILL.md

4,177 tokens

When the skill is activated

Reference documents

12,357 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. 1. 先确定入口与工作模式
  2. 2. 建立上下文卡
  3. 3. 来源和措辞
  4. 4. 审视顺序
  5. 5. 不可妥协的检查
  6. 6. 动效决策
  7. 7. ArkUI 快速映射
  8. 8. Motion Token 原则
  9. 9. Coding Agent 改造流程
  10. 10. 证据和置信度
  11. 11. 审视输出格式
  12. 12. 通过门槛
  13. 13. 跨媒介边界
  14. 14. 参考文件加载

Files

  • SKILL.mdcore15,180 bytes
  • references/ACCESSIBILITY.mddoc5,664 bytes
  • references/ADAPTATION.mddoc5,575 bytes
  • references/ARKUI-MAPPING.mddoc7,678 bytes
  • references/MOTION.mddoc10,267 bytes
  • references/PRINCIPLES.mddoc7,155 bytes
  • references/SOURCES.mddoc6,908 bytes
Read SKILL.md

# HarmonyOS Design

把公开的 HarmonyOS / OpenHarmony 设计原则和 ArkUI 能力，转化为可执行、可验证、可追溯的产品判断。

核心命题：

> **一致而不相同，连续而不阻塞，反馈即时但状态真实；基础原则持久、平台表现版本化；系统优先且证据可追溯。**

本 Skill 是独立、非官方工具。不要把项目建议说成华为官方规定。

## 1. 先确定入口与工作模式

先判断任务属于：
View the complete source on GitHub

Skills included

  • harmonyos-design
  • harmonyos-motion-vocabulary
  • review-harmonyos-design

Repository facts

License
Apache-2.0
Created
Jul 14, 2026
Last pushed
Oct 31, 2026
Forks
2
Open issues
0
Project activity
Active

Before you install

Instructions only

Automated signals, not a guarantee

Checked Nov 5, 2026

  • No broad tool permissions
  • No dangerous shell commands
  • 48 network referencesin 1 file: harmonyos-design/references/SOURCES.md:54
  • No hidden or obfuscated text
  • No instruction overrides
  • No executable scripts
  • No access to secrets
  • No requests to vote in Hot
Show all 48 signals by file

skills/harmonyos-design/references/SOURCES.md

  • Network accessline 54
    - `HW-DESIGN-PORTAL`     https://developer.huawei.com/consumer/cn/design/
  • Network accessline 55
    https://developer.huawei.com/consumer/cn/design/
  • Network accessline 59
    - `OH-UX-INDEX`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/Readme-CN.md
  • Network accessline 60
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/Readme-CN.md
  • Network accessline 61
    - `OH-UX-PRINCIPLES`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/app-ux-design.md - `OH-NAV-STRUCTURE`
  • Network accessline 62
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/app-ux-design.md
  • Network accessline 63
    - `OH-NAV-STRUCTURE`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/app-navigation-structure-design.md - `OH-ADAPTIVE-LAYOUT`
  • Network accessline 64
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/app-navigation-structure-design.md
  • Network accessline 65
    - `OH-ADAPTIVE-LAYOUT`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/adaptive-layout.md - `OH-RESPONSIVE-LAYOUT`
  • Network accessline 66
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/adaptive-layout.md
  • Network accessline 67
    - `OH-RESPONSIVE-LAYOUT`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/responsive-layout.md - `OH-GRID-SYSTEM`
  • Network accessline 68
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/responsive-layout.md
  • Network accessline 69
    - `OH-GRID-SYSTEM`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/grid-system.md - `OH-HMI-BASIS`
  • Network accessline 70
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/grid-system.md
  • Network accessline 71
    - `OH-HMI-BASIS`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/human-machine-interaction-basis.md - `OH-INPUT-MODES`
  • Network accessline 72
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/human-machine-interaction-basis.md
  • Network accessline 73
    - `OH-INPUT-MODES`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/typical-input-modes.md - `OH-VISUAL-BASIS`
  • Network accessline 74
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/typical-input-modes.md
  • Network accessline 75
    - `OH-VISUAL-BASIS`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/visual-basis.md - `OH-VISUAL-COLORS`
  • Network accessline 76
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/visual-basis.md
  • Network accessline 77
    - `OH-VISUAL-COLORS`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/visual-colors.md - `OH-VISUAL-FONTS`
  • Network accessline 78
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/visual-colors.md
  • Network accessline 79
    - `OH-VISUAL-FONTS`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/visual-fonts.md - `OH-MULTIMODAL-COMPONENTS`
  • Network accessline 80
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/visual-fonts.md
  • Network accessline 81
    - `OH-MULTIMODAL-COMPONENTS`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/multimodal-component-overview.md - `OH-DESIGN-CHECKLIST`
  • Network accessline 82
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/multimodal-component-overview.md
  • Network accessline 84
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/design-checklist.md
  • Network accessline 88
    - `OH-MOTION-OVERVIEW`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/animation-overview.md
  • Network accessline 89
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/animation-overview.md
  • Network accessline 90
    - `OH-MOTION-PRINCIPLES`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/animation-design-principles.md - `OH-MOTION-ATTRIBUTES`
  • Network accessline 91
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/animation-design-principles.md
  • Network accessline 92
    - `OH-MOTION-ATTRIBUTES`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/animation-attributes.md - `OH-TRANSITION`
  • Network accessline 93
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/animation-attributes.md
  • Network accessline 94
    - `OH-TRANSITION`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/transition-animation.md - `OH-GESTURE-MOTION`
  • Network accessline 95
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/transition-animation.md
  • Network accessline 96
    - `OH-GESTURE-MOTION`     https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/gesture-animation.md - `OH-ARKUI-SMOOTHING`
  • Network accessline 97
    https://github.com/openharmony/docs/blob/master/zh-cn/design/ux-design/gesture-animation.md
  • Network accessline 98
    - `OH-ARKUI-SMOOTHING`     https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-animation-smoothing.md - `OH-ARKUI-CURVES`
  • Network accessline 99
    https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-animation-smoothing.md
  • Network accessline 100
    - `OH-ARKUI-CURVES`     https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/js-apis-curve.md - `OH-NAV-ANIMATION`
  • Network accessline 101
    https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/js-apis-curve.md
  • Network accessline 102
    - `OH-NAV-ANIMATION`     https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-navigation-animation.md - `OH-ARKUI-ACCESSIBILITY`
  • Network accessline 103
    https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-navigation-animation.md
  • Network accessline 104
    - `OH-ARKUI-ACCESSIBILITY`     https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-universal-attributes-accessibility.md - `OH-PERF-ANIMATION`
  • Network accessline 105
    https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-universal-attributes-accessibility.md
  • Network accessline 106
    - `OH-PERF-ANIMATION`     https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/performance/reasonable-using-animation.md - `OH-ANIMATION-PRACTICE`
  • Network accessline 107
    https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/performance/reasonable-using-animation.md
  • Network accessline 109
    https://github.com/openharmony/docs/blob/master/zh-cn/application-dev/performance/animation_practice.md

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 48 facts

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md skills/harmonyos-design/SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md skills/harmonyos-design/SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md skills/harmonyos-design/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/harmonyos-design/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/harmonyos-design/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/harmonyos-design/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

ar27111994/penpot-mcp

AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.

31GitHub stars

chuspeeism/dashi-ppt-skill

制作 PPT、演示文稿、幻灯片、汇报材料时使用。Dashi PPT 基于预置视觉主题组合页面,生成可离线打开、可在浏览器编辑的 HTML 演示,支持导出 PPTX / PDF 文件。

10.4kGitHub stars

isjiamu/gzh-design-skill

微信公众号文章排版引擎，将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取，自动章节编号、关键词下划线标记、引言卡片…

4.3kGitHub stars

yanliudesign/mono-color-skill

Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for …

3.6kGitHub stars

plugin87/ux-ui-agent-skills

A skill written the way the whole surface was written before 2026-10-05. The gate must reject it.

3.1kGitHub stars

joeseesun/qiaomu-design

偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site des…

675GitHub stars