dense-tool-ui 是做什么的？
一份经过测量的参考，用于构建“平静、密集、键盘优先”的工具型用户界面：嵌套内容面板、44像素行高且无分割线、⌘K命令面板、内联编辑以及使用LCH灰度阶替代阴影。同时，它还配套提供了对应的单色调落地页。
请复制其结构和行为，切勿复制品牌。深色 + Inter 字体 + 紫色强调色正是AI生成器默认产生的结果：请始终为项目修改 --accent-h 和 --font。
文件
| 路径 | 何时阅读 |
|---|---|
assets/app-template.html | 构建应用/仪表盘/管理后台时。可运行的Shell：列表/看板、详情、⌘K、创建弹窗、消息提示、暗色/亮色、?selftest。 |
assets/landing-template.html | 构建落地页时。模糊头部、英雄区域 + 产品截图、宣言、功能模块 + 规格抽屉、更新日志、推荐语、定价 + 对比表格、页脚。?selftest。 |
references/app.md | Shell、侧边栏、列表、看板、问题/项目详情、弹窗、⌘K、筛选菜单、快捷键的精确尺寸。 |
references/tokens.md | 颜色阶（暗色 + 亮色）、字体比例、圆角、阴影、缓动函数。 |
references/landing.md | 落地页、定价页和客户页的页面结构、响应式断点、营销令牌。 |
工作流程
- 将匹配的模板复制到项目中。切勿编辑原始文件。
- 重新品牌化：设置
--accent-h（例如青色190、橙色50、绿色150）和--font，然后修改产品名称、数据和文案。重命名app-theme的 localStorage 键名。 - 替换示例数据。保持DOM结构：
.grp > .row、.col > .card、.detail > .doc + .props。 - 在
CMDS中添加命令，格式为[label, [keys], fn]。单键快捷键放在keydown监听器中，该监听器已忽略输入框内的输入。 - 在添加模板中不存在的屏幕之前，请先阅读相应的
references/文件。 - 验证：打开
file.html?selftest，期望页面标题显示SELFTEST OK <n>。然后检查1280px和390px宽度下的暗色和亮色模式。
规则
- 密度优先：13px主题文字，44px行高，无行分割线，无装饰性图标。颜色仅用于状态、标签和每个屏幕的一个主按钮。
- 深度源自背景色阶，而非渐变、发光或模糊效果（即使是⌘K面板背后也一样）。边框使用1像素低透明度环形阴影。
- 每个操作都有快捷键，且快捷键可见：在按钮、菜单和工具提示中均需显示。提供上下文感知的⌘K。
Ctrl/⌘+Enter提交。 - 就地编辑，即时保存：无保存按钮。属性是打开选择器的按钮。创建操作结束时显示一条包含链接的消息提示。
- 空状态具有引导性：纤细的线条插画、一句话描述、显示快捷键的主按钮。
- 删除为软删除：需要确认，保持可恢复状态，并说明保留期限。
- 列表和看板是同一数据的不同视图。“显示选项”允许用户选择分组、排序和可见列。
- 落地页：近乎单色调，使用两种文字色调来强调，一个浅色CTA在页面头部和页脚前重复出现，使用实际产品截图作为英雄图像。
切勿复制
请勿复制源产品的Logo、产品名称、插画、图标集、营销图片或文案。仅获取度量、结构和行为。