用途:为数据密集型后台、管理面板、运营工具(如 Bloomberg、Retool、Linear 问题视图类界面)提供预先确定的密集视觉风格,强调数据优先、键盘优先。
主要能力:锁定三个参数——CRAFT_LEVEL=7(精致但不炫技)、MOTION_INTENSITY=3(仅微动效)、VISUAL_DENSITY=9(紧凑 4/8px 网格)。规定 UI 无衬线字体与等宽字体配对,ID、哈希、时间戳、代码一律用等宽;所有数字列使用 tabular-nums 并右对齐;必须提供 success、warning、danger、info 语义色加一个品牌强调色,采用低饱和 OKLCH;表格单元格 px-3 py-2,工具栏 gap-2;行内迷你趋势图、分类用水平条、时间序列用面积图,禁止饼图与 3D;键盘快捷键需内联可见(⌘K、J/K、E 编辑);仅允许行悬停、行激活、内联保存等微动效,表格区域禁止滚动触发的入场动画。
使用方式:该技能继承 ../ui-craft/SKILL.md 的全部基础规则,本文件覆盖参数默认值并追加风格指引。使用前应先读取 ../ui-craft/references/ 下的 dashboard.md、typography.md、motion.md 的 Rendering Performance 部分、responsive.md;跳过 inspiration.md 与 sound.md。在 Discovery 阶段不要重复询问已锁定的三个参数,只需确认品牌强调色与深色/浅色偏好。
适用场景:数据密集的内部工具、管理后台、运营面板、需要长时间盯屏的监控类界面。
限制:明确列出反模式,包括界面或数据中使用衬线字体、数字列使用比例数字、高饱和色、每个变化量都加彩色胶囊、饼图/环形图/3D 图、时间序列用垂直柱状图、指标卡统一彩色顶边、留白过多的卡片网格、全深色侧边栏、表格区域滚动触发动画、隐藏键盘快捷键、模糊加载状态(应使用匹配列结构的骨架行)。具体安装命令与代码示例资料未提供。