用途：为 AI 智能体提供构建 Hugging Face 风格界面的约束性设计规范，配合对应 DESIGN.md 使用，漂移扫描器可动态提取令牌。
主要能力与规则： 颜色：主表面须用深色背景（明度 <20，检测为 7），页面背景须用 #0D1119；语义令牌含 surface-base #0D1119、surface-raised #FFFFFF、surface-overlay #171D2A、text-primary #3D3D3D、text-secondary #909199、text-tertiary #4F4F57、border-default #0B0F16；文本对比度须至少 4.5:1，建议精简调色板。 排版：主字体须用 Inter；主标题 61px/700，正文 15px/500；标题用 text-balance，正文用 text-pretty；数字建议 tabular-nums；除非明确要求否则不得修改字距。 间距：须用 4px 网格，元素默认间隙建议 2px，禁止任意间距值。 边框：圆角须取自 0–21px 缩放（含 21px 药丸形），默认建议 4px，边框宽度限 1px、2px、5px，禁止任意圆角。 布局：基准视口 1920px；禁止 h-screen，全屏高度用 h-dvh；固定元素须尊重 safe-area-inset；方形元素用 size-*。 组件与状态：输入框高度 0px；主按钮悬停背景提亮 10%，次要按钮悬停用 #FFFFFF；禁用态 opacity 0.5 且 cursor:not-allowed；焦点须用 2px 轮廓加 accent #5E6AD2，2px outline-offset，禁止移除焦点指示。 交互与动画：破坏性操作须用 AlertDialog；加载建议用结构骨架屏；错误须就近显示；禁止阻止粘贴；纯图标按钮须加 aria-label；非明确要求不得加动画，只动画 transform/opacity，入场用 ease-out，交互反馈不超 200ms，尊重 prefers-reduced-motion。 性能：禁止动画大面积 blur()/backdrop-filter，禁止在非活动动画外使用 will-change，避免可用渲染逻辑表达的 useEffect。
使用方式与限制：作为 AI 智能体技能加载，与 awesome-design-md 的 hugging-face DESIGN.md 配套。原文未提供安装命令、具体代码示例与版本要求；部分规则含来源页面实测数值，实际项目需按需校验。