当 AI 学会"什么时候该用 HDS"：Skill 如何让 UI 质感适配不再踩坑
本文是「鸿蒙多设备适配 Skill 体系」系列的一篇，聚焦 SCENE-09（HDS 高端界面组件）场景的 Skill 设计思路、路由机制与端到端工作流。该体系采用"总入口 + 子 Skill + 统一输出契约"的三层架构，将鸿蒙多设备适配的领域经验沉淀为 AI 可理解、可路由、可输出的 Skill 规则。
以下是整套 Skill 体系的完整链接，感兴趣的读者可以按需查阅：
- 总入口：场景路由与阶段分流（hmos-multidevice-scenario-entry） -- 阶段识别、场景分流、统一输出契约，内含 SCENE-09（HDS 高端界面组件，即本文主题）等九大场景的路由规则
- 折展状态与折痕适配（hmos-multidevice-fold-state） -- 折叠态检测、悬停态布局、折痕避让、多段折叠形态
- 系统区域与键盘避让（hmos-multidevice-avoid-areas） -- 状态栏、挖孔、导航栏、软键盘遮挡处理
- 自然方向与旋转语义（hmos-multidevice-natural-orientation） -- 方向判断、rotation 值、setPreferredOrientation 语义
- 多输入与焦点交互（hmos-multidevice-interaction-methods） -- 触摸、鼠标、键盘、手写笔交互归一
- 硬件能力与外设（hmos-multidevice-hardware-access） -- canIUse 检测、相机/传感器/GPS 设备差异处理
- 屏幕窗口尺寸适配（hmos-multidevice-screen-window-size） -- 断点布局、窗口尺寸响应、折叠屏/平板/大屏多设备形态适配
图：AI 编程工具中描述"底部页签加沉浸光感"后，Skill 自动路由到 SCENE-09 并输出完整配置方案的实际效果。
什么是 UI Design Kit？
UI Design Kit（@kit.UIDesignKit） 是鸿蒙官方的高端界面增强组件 + 系统级视效工具包——导航栏动态模糊、底部悬浮页签、沉浸光感、点光源、Shader 流光动画等，在标准 ArkUI 之上一行配置即可启用。核心卖点：系统级渲染，自带多设备性能自适应，不用手写 Shader、不用手动分档降级。本文的 SCENE-09 Skill 正是围绕这套体系构建的。
如何开始使用？ SCENE-09 已上线。在支持 Skill 的 AI 编程工具中，直接描述 HDS 相关需求（如"底部页签加沉浸光感"、"HdsNavigation 怎么配置"），系统自动路由到 SCENE-09 并按阶段输出方案。完整 Skill 广场页面见 总入口。
一、问题的本质：不是 HDS 不好用，而是 AI 不知道它的存在
一个典型的翻车场景
开发者说："帮我给底部 Tab 栏加个发光效果，点击时有光晕扩散。"
AI 用 Stack 叠了多层 Blur，写了 80 多行模糊叠加代码。能跑，但：
- 低效：
systemMaterialEffect一行配置就能搞定的沉浸光感，手写效果还不如原生。 - 没适配：光效参数写死，高端机流畅、中低端机卡。
- 风格割裂：导航栏和页签各搞一套实现，维护噩梦。
不是 AI 笨，是它不知道 HDS 的存在——不知道 @kit.UIDesignKit 有增强组件，不知道 hdsMaterial 有 ADAPTIVE 模式，不知道不同设备支持范围不同。
Skill 要解决的核心问题
SCENE-09 做一件事：把 HDS 的专家级使用经验编码为 AI 可路由的规则，让 AI 在涉及 HDS 组件时能精准识别、正确路由、输出专家级方案。
本文配套模板、静态源码可前往艾立兹素材库alisucai.com下载
