depth 属于 better-web-ui 技能集，用途是创建或改进界面视觉深度，让图层、表面和交互状态显得有意图、可读且有物理可信度，同时避免过度装饰。
使用方式：用户以 /depth 启动该工作流。技能激活后须加载 $frontend-design，它包含设计原则、反模式与 Context Gathering Protocol；须先遵循该协议，若尚无设计上下文，必须加载 $setup。
主要能力：评估高度结构（是否所有组件用同一阴影、能否分辨元素位于页面上还是之上）；表面处理（哪些元素应凸起、哪些应凹陷如输入框）；交互状态（按下是否向内移动、拖拽是否前浮）；克制（阴影是在辅助理解结构还是让界面更杂乱）。规划深度系统时参考 elevation system、surface separation、image treatment，围绕高度层级（3–5 个语义层级）、表面角色（base、raised、inset、pressed、dragged）、层叠与克制制定方案。构建时建立语义高度系统、区分凸起与凹陷元素、使用两部分阴影逻辑（大而柔的阴影表示距离，小而紧的边缘阴影表示环境阴影）、处理按下（降低高度、向内移动）与拖拽（提升高度、前浮）、用重叠帮助分层、用表面颜色表达扁平深度（通常越亮越近、越暗越远）。
限制与禁止：不得对所有组件使用同一投影；不得在颜色或间距更清晰时叠加重阴影；不得让按钮、卡片、面板、模态同样高；不得让写实感压倒清晰度；不得使用无语义的深度效果。需验证层清晰、状态可辨、相似组件语言一致且界面更易懂。
资料未提供安装命令、代码、收费、价格、平台或效果等事实。