用途：@antfu/design 是面向 devtools 风格 Vue 应用的共享设计层，由可组合的 UnoCSS 预设 presetAnthonyDesign、令牌驱动的 Vue 基础组件以及颜色对比度无障碍检查组成，用于构建或重设此类界面。
主要能力与规则：使用语义令牌而非硬编码颜色，如 bg-base、color-base、color-muted、border-base、op-fade、btn-action、badge，令牌在预设中定义一次并自动适配明暗模式；明暗模式需保持对等，每个表面与文本令牌都内置暗色变体，一次性颜色会造成暗色模式缺陷，@antfu/design/a11y 的对比度扫描可发现部分问题但不能替代令牌使用；技术数值使用 font-mono tabular-nums，界面文案避免破折号堆砌，优先单一明确操作入口；构建 UI 或使用组件前先检查 @antfu/design 组件是否可复用，再考虑新建组件或内联 DOM。
组件选择：计数、大小、时长或日期用 DisplayNumber、DisplayBytes、DisplayDuration、DisplayDate；状态、类型或标签用 DisplayBadge 或 DisplayLabel；文件或模块路径用 DisplayFilePath；浮层用 OverlayModal / OverlayDrawer（基于 reka-ui），弹出层用 OverlayTooltip / OverlayDropdown；严重程度用 color-scale-* 色阶配合 colorize 属性，而非临时红绿。组件按类别前缀命名：Display*、Form*、Overlay*、Layout*、Action*、Feedback*。暗色模式由应用自行管理，包内不提供 isDark/toggleDark 或暗色切换组件，随配色变化的组件接受 colorScheme: 'light' | 'dark' 属性；切换可组合 ActionIconButton 与 VueUse 的 useDark。
使用方式：该预设非自包含，不捆绑基础预设、图标、字体或重置样式，需自行添加；需按 core-setup.md 接线预设、导入样式，并让 UnoCSS 指向该包以生成组件类名。
适用场景与限制：适用于 devtools 风格 Vue 3 应用的界面构建与重设。资料未提供安装命令、具体版本、收费与价格信息，暂未提供。