@dsh-cove/dsh-web-all 0.0.0-stage → 0.4.3

package/presets/code-vibe/skills/frontend-design/references/design-standards/exemplars/README.md

@@ -0,0 +1,64 @@
+# Exemplars（正反例）
+
+> 条款抽象，例子可复现。Agent 实现前可扫一眼同 `page_kind`。
+
+## list
+
+| | 好 | 坏 |
+|--|----|----|
+| 结构 | 筛选+表+URL；数字右齐 | 卡片墙当订单管理；筛选只在内存 |
+| 空态 | 「还没有项目」+创建 vs 「无匹配」+清筛选 | 两种同一句「暂无数据」 |
+| 行 | 可读名；ID 复制次要 | 主列 UUID |
+
+## detail
+
+| | 好 | 坏 |
+|--|----|----|
+| 布局 | 工单用主栏+右轨分组属性 | 20 字段一长表按 DB 序 |
+| 编辑 | 点状态 pill 即改 | 「编辑」打开大模态改一个枚举 |
+| 面包屑 | 壳层已有 ID，正文 h1 用标题 | 正文再堆一个巨大 ID |
+
+## settings
+
+| | 好 | 坏 |
+|--|----|----|
+| 导航 | Personal/Workspace + 段深链 | 单页 40 开关无 URL |
+| 危险 | 底部分区「删除工作区」+ 打字确认 | 删除键夹在主题色旁边 |
+
+## dashboard
+
+| | 好 | 坏 |
+|--|----|----|
+| KPI | 一主三从；带 +12% 对比 | 四块一样大无基准 |
+| 图 | 同高；口径在旁 | 库默认白 tooltip；假 3D |
+
+## overlays
+
+| | 好 | 坏 |
+|--|----|----|
+| 新建 | Modal 短表 | Sheet 却强 dim 当 Modal |
+| 行预览 | Sheet 保留列表 | 每次预览都整页跳转又返回 |
+
+## judgment（配置 / 授权 / 分发）
+
+> 见 [product-judgment.md](../product-judgment.md)。先 Job，再抽屉。
+
+| | 好 | 坏 |
+|--|----|----|
+| IA | 「谁可以用」「怎么拿到」「怎么改」分层可见 | 主体/投影/高风险术语堆在首屏 |
+| 选择 | 唯一搜索入口；多选后一次「添加 N 项」 | 先切「人/部门/组」再搜；搜一个加一个 |
+| 分发 | 可见范围与默认开启分两步决策 | 「权限策略」一词包办谁能看+怎么发 |
+| Brief | 落盘 Job Brief + 人话验收 | 直接画线框再补故事 |
+
+## growth / consumer
+
+| | 好 | 坏 |
+|--|----|----|
+| 首屏 | 品牌+一句+CTA+一主视觉 | 英雄+三特性卡+紫渐变+双主钮 |
+| 商详 | 价格与买按钮首屏 | 主 CTA 折到第三屏 |
+
+## 锚点
+
+| 好 | 坏 |
+|----|-----|
+| `anchor: Linear Issues；diverge: 无周期字段` | `anchor: 现代简洁` |

package/presets/code-vibe/skills/frontend-design/references/design-standards/plan-architecture.checklist.json

@@ -0,0 +1,13 @@
+{
+  "id": "plan-architecture",
+  "title": "架构与设计边界（Plan）",
+  "source": "design-standards/system-architecture.md §7",
+  "required_when": "new_entry|cross_layer|new_storage|new_auth|new_deploy_unit",
+  "items": [
+    {"id": "boundary", "prompt": "边界：沿用 / 新开（说明）"},
+    {"id": "c4", "prompt": "C4 影响：L1 / L2 / L3 / N/A"},
+    {"id": "adr", "prompt": "ADR：否 / 是（路径）"},
+    {"id": "ux_visual", "prompt": "UX / 视觉约束（或 N/A）"},
+    {"id": "unverified", "prompt": "Unverified"}
+  ]
+}

package/presets/code-vibe/skills/frontend-design/references/design-standards/product-judgment.md

@@ -0,0 +1,113 @@
+# Product Judgment（交互决策层）
+
+> **有 UI 时先于视觉施工。** 蒸馏自 Vercel product-design / mblode `product-judgment`；措辞为本插件合同。
+> 强度与加载义务 → [LOAD-MAP.md](./LOAD-MAP.md)。
+> **本册管「做什么、怎么交互」；不管配色/字号**（→ craft-knobs · tokens · ai-tells）。
+
+## 硬门
+
+1. **Start with the job, not the pixels.** 先写下方 Job Brief；再选容器、控件、文案语气。
+2. **填不出 `Job` / `Desired outcome` / `Consequence` → 停，问用户；禁止猜着画界面。**
+3. **Decide before decorating.** IA、交互单位、动作后果、可达态未定 → 不得定视觉方向、不得输出线框当定稿。
+4. **Evidence over taste.** 「现代干净」「高级感」不是决策依据。
+
+## Job Brief（有 UI 必写；可极短）
+
+落盘到产品切片 / Spec `contract.md` 或 `plan.md`（字段名可中英）。Shape 对话里至少口头齐这三项必填。
+
+| 字段 | 必填 | 写什么 |
+|------|------|--------|
+| **User** | 建议 | 谁在操作；进来时已知什么 |
+| **Job** | **是** | 用**用户的话**说要完成什么（非内部模块名） |
+| **Current** | 建议 | 今天怎么做、卡在哪 |
+| **Desired outcome** | **是** | 做成后系统行为长什么样 |
+| **Success signal** | 建议 | 怎样算做成（可观察） |
+| **Non-goals** | 建议 | 本切片明确不做 |
+| **Object** | 建议 | 被作用的产品名词（扩展、成员、订单…） |
+| **Action / Scope / Consequence** | **Consequence 必填** | 改什么、改多大、可否撤销 |
+| **Permissions** | 触及权限时必填 | 谁能做；无权限时看见什么 |
+| **Open decisions** | 有则写 | 未拍板项；禁止埋进实现细节 |
+
+模板（可复制）：
+
+```text
+Job Brief:
+- User: …
+- Job: …
+- Desired outcome: …
+- Consequence: …（可逆 / 不可逆 / 影响谁）
+- Permissions: …（若触及）
+- Non-goals: …
+- Open: …
+```
+
+## 人话验收（Plain acceptance）
+
+在定控件前，用 **2–4 条人话** 写清「怎样算这个面可用」。禁止验收句依赖实现黑话。
+
+| 好 | 坏 |
+|----|----|
+| 一次搜索勾多人，点一次「添加」即可加满一批 | 投影主体选择完成 |
+| 打开 3 秒内能分清：谁能用 / 怎么拿到 / 怎么改 | 高风险策略配置正确 |
+| 加人与加部门同一入口，无需先切「类型」 | ACL subject 类型切换后多选 |
+
+配置 / 授权 / 分发 / 发布范围类界面：**至少**覆盖「谁 · 怎么拿到或生效 · 怎么改错」。
+
+## 稳定规则（引用用 ID）
+
+评审、切片、Verify 发现问题时引用下列 ID（勿发明新 ID；缺口记 coverage gap）。
+
+### 交互单位
+
+| ID | 规则 |
+|----|------|
+| `rule/job-before-chrome` | 未齐 Job Brief 三必填 → 禁止定壳/线框定稿 |
+| `rule/interaction-unit` | 交互单位跟用户任务走，不跟内部类型表走（例：搜人/部门/组同一入口批量加，而非先切 tab） |
+| `rule/batch-same-search` | 批量添加：同一次搜索多选 → 一次确认；禁止「搜一个加一个」当主路径 |
+| `rule/control-matches-cardinality` | 2–3 个静态互斥选项 → radio/分段（选项可见）；勿用藏选项的 select |
+| `rule/inline-before-modal` | 能行内/就地展开则勿上 Modal；Modal 只打断焦点决策 |
+| `rule/smallest-intervention` | 先更好默认 → 行为自动完成 → 复用已有模式 → 最后才加新 UI |
+| `rule/one-primary-action` | 一屏/一抽屉一个主任务与一个主 CTA |
+
+### 后果与范围
+
+| ID | 规则 |
+|----|------|
+| `rule/name-object-scope-consequence` | 动作文案说清对象、范围、后果；禁空壳「确定 / OK / 提交」 |
+| `rule/separate-access-vs-delivery` | 「谁可见/可用」与「怎么发到手上（自装 vs 默认开启）」是两件产品决定，勿揉成一词 |
+| `rule/preserve-mental-model` | 不改用户心智除非解决已验证问题；切「全员/指定」等模式须说明已选数据如何收敛 |
+
+### 语言与状态
+
+| ID | 规则 |
+|----|------|
+| `rule/no-impl-jargon` | UI 与验收禁实现黑话（主体、投影、registry、shadowing、高风险策略码等）；用人话或产品名 |
+| `rule/cover-reachable-states` | 设计产品真实可达态：空/载/错/无权限/极端数据；不只 happy path |
+| `rule/3s-ia` | 打开主配置面约 3 秒内应能回答：我在哪、主任务是什么、怎么改 |
+
+## Smallest coherent intervention（加 UI 前）
+
+按序问：
+
+1. 更好的默认能否免选？
+2. 系统能否自动做对？
+3. 现有模式能否复用？
+4. 仍不够 → 再加新 UI。
+
+## 与其它册的边界
+
+| 本册之后才读 | 用途 |
+|--------------|------|
+| [craft-knobs.md](./craft-knobs.md) | Design Read / 旋钮 |
+| [copy.md](./copy.md) | 动词与错误句式（仍守 `rule/no-impl-jargon`） |
+| [ui-page-gate.md](./ui-page-gate.md) | 写页前评审块（须含 Job Brief） |
+| [LOAD-MAP.md](./LOAD-MAP.md) | 场景加读与字段门（页种/控件册已归档） |
+
+## 自检
+
+- [ ] Job / Desired outcome / Consequence 已填（或已向用户提问）
+- [ ] 人话验收 2–4 条，无实现黑话
+- [ ] 交互单位与批量规则已选，而非默认「类型 Tab + 单选」
+- [ ] 触及权限/分发时：谁能用 vs 怎么拿到 已拆开
+- [ ] 未跳到 tokens / ai-tells 定视觉
+)

package/presets/code-vibe/skills/frontend-design/references/design-standards/system-architecture.md

@@ -0,0 +1,108 @@
+# System Architecture（系统架构默认）
+
+> 面向 AI 施工的**可执行边界**，不是完整架构方法论。社区锚点：[C4 model](https://c4model.com/)、ADR/MADR、分层/端口适配实践。
+> 加载合同 → [README.md](./README.md)。
+
+## 1. 先边界后功能
+
+在堆功能前先回答：什么属于 core / application / infrastructure / UI（或宿主等价分层）。
+
+| 层 | 职责 | 边界 |
+|---|---|---|
+| Core / Domain | 业务规则、不变量 | 经端口访问 DB、HTTP、UI |
+| Application | 用例编排、事务边界 | 存储方言留在基础设施侧 |
+| Infrastructure | DB、队列、第三方、文件系统 | 业务规则留在 Domain / Application |
+| UI / Adapter | 呈现与输入适配 | 经授权与用例入口访问业务规则 |
+
+宿主目录名可不同；**依赖方向**单向，跨层只经明确端口。以 `AGENTS.md`「架构与写入边界」为准。
+
+## 2. C4 默认表达深度
+
+| 层级 | 何时需要 | 默认落点 |
+|---|---|---|
+| L1 Context | 新系统、新外部依赖、跨系统集成 | `docs/architecture/` 或 Spec `plan.md` 摘要 |
+| L2 Container | 新进程/部署单元、新数据存储、新消息通道 | 同上 |
+| L3 Component | 单 Container 内大改模块边界时 | Spec `plan.md` 差量即可 |
+| L4 Code | 默认不写；跟代码走 | — |
+
+绿场或跨进程变更：Plan 至少给出 L1 或 L2 意图（可用 Mermaid），边界写清进程与数据归属。
+
+## 3. ADR（何时必写）
+
+触及下列之一时，在 `docs/architecture/adr/` 或 Spec `optional/` 留一条短 ADR（上下文 → 选项 → 决定 → 后果）：
+
+- 新存储 / 新消息系统 / 新鉴权模型；
+- 改变公共 API 或 schema 真源；
+- 打破既有依赖方向或写入边界；
+- 多方案互斥且后果跨多个 Spec。
+
+常规纵向切片不为每个小改写 ADR。
+
+## 4. 纵向切片 vs 横向平台
+
+与 Skill `spec` 一致：
+
+- 按真实用户/系统入口纵向交付；
+- 共享 helper：≥2 切片 Verified 重复同一逻辑后再抽。
+
+**硬门：** 切片轴是入口，不是 root / resolver / ACL / registry / readiness 等横向模块任务。
+
+## 5. 生产向不变量（适用则写进 plan）
+
+- **副作用**：可重试路径具备幂等键或等价去重；
+- **关键资源**：明确单写者或冲突策略；
+- **多租户 / 权限**：读与写均带 scope（查询即带租户/角色条件）；
+- **公共契约**：schema / OpenAPI / 事件合同有单一真源（见 AGENTS）。
+
+## 6. 绿场默认施工序
+
+1. 契约与数据模型（或最小 schema）
+2. Domain / Application + 入口适配
+3. UI
+4. 可观测与失败路径
+
+## 7. Plan 轻门（请求 Build 前）
+
+当本版触及**新入口、跨层、新存储、新权限模型、新部署单元**时，`plan.md`「架构与设计边界」写明：
+
+1. 沿用哪条宿主边界 / Playbook 条款，或是否新开边界；
+2. C4 影响层级（L1–L3 或 N/A）；
+3. 是否需要 ADR（是/否 + 路径）；
+4. `Unverified` 项清单（仅 Verified 进 Lock）。
+
+未触及上述变更：写「沿用现有边界，无架构差量」即可。
+
+## 8. 模块级 context
+
+优先在模块目录维护短 README（职责、入口、依赖边界），作为 Agent 局部 context；与产品包 `modules/` 产品决策不双写实现细节。
+
+## 9. 分层坏味道（重构时）
+
+| 味道 | 处理 |
+|------|------|
+| 胖入口（HTTP/UI 里一长串业务 if） | 业务规则下沉 Application / Domain |
+| 入口直接碰持久化 Session / SQL | 经 Repository / 端口 |
+| 持久化层抛传输层异常或发通知 | 只返回数据 / 领域错误；编排上移 |
+| 跨层反向依赖 | 恢复单向依赖；必要时抽端口 |
+
+重构保持外部契约不变；改完跑宿主相关测与 ReadLints。
+
+## 10. 外部集成通则
+
+对接第三方（HTTP / SDK）时：
+
+1. **契约与鉴权**：Token 可缓存并在过期前刷新，避免每次热路径重取；
+2. **超时**：所有出站调用设明确超时，禁止无限等；
+3. **重试**：仅对幂等或明确可重试错误做有限退避；
+4. **错误翻译**：底层网络/SDK 异常 → 领域错误 + 可关联的 request id / 状态码日志；
+5. **降级**：非核心链路（如通知）失败不拖垮主 Job；
+6. **测试**：CI 禁打真实第三方；mock 成功 / 超时 / 5xx。
+
+命令、客户端落点、队列名 → `AGENTS.md`。
+
+## 11. 性能通则
+
+- **先测后改**：用日志、Profiler、慢查询证据定位瓶颈，禁止无证据的「感觉优化」；
+- 常见后端：循环内查询（N+1）、缺索引、把长活放进请求线程（应进宿主声明的异步队列）；
+- 常见前端：无意义大树重渲染、长列表无虚拟化、重复 GET（缓存策略读宿主数据层约定）；
+- 优化后对比前后耗时/体量，写进 PR 或 `run.md`，不空口「变快了」。

package/presets/code-vibe/skills/frontend-design/references/design-standards/tokens/README.md

@@ -0,0 +1,26 @@
+# Tokens — 覆盖规则
+
+插件预置的**封闭尺度与语义色角色**默认值。有 UI 时与 surface 册一并服从。
+
+## 覆盖顺序
+
+```text
+宿主 AGENTS.md / docs/product/{PRODUCT,DESIGN}.md / 已声明设计 token / 组件库主题
+  ≫ 本版 Spec 显式差量
+    ≫ 本目录默认（scale.md / color-roles.md / motion.md）
+```
+
+- 宿主已有完整 DS（antd / Geist / shadcn theme 等）→ **禁止平行发明第二套数值**；只保留本目录的**角色名与禁令**，数值以宿主为准。
+- 宿主无 DS → 使用本目录默认表施工。
+- 禁止在组件里写魔法 px / 任意 hex（须来自 token 或宿主变量）。
+  **Wireless：** 散落魔法长度 = bug → 见 [scale.md](./scale.md) §Wireless。
+
+## 册
+
+| 文件 | 内容 |
+|------|------|
+| [scale.md](./scale.md) | space / type / height / radius / icon 封闭阶梯 + wireless |
+| [color-roles.md](./color-roles.md) | 语义色角色 + 无宿主默认 hex |
+| [motion.md](./motion.md) | 时长 / 缓动 / 频率门 / 同屏≤3 |
+
+加载合同 → [../README.md](../README.md)。

package/presets/code-vibe/skills/frontend-design/references/design-standards/tokens/color-roles.md

@@ -0,0 +1,49 @@
+# Color Roles（语义色）
+
+> 只许下列**角色**；施工用 `var(--…)` 或宿主 token 名，禁止组件内任意 hex。
+> 无宿主 DS 时用「默认值」列。覆盖 → [README.md](./README.md)。
+
+## 1. 角色表
+
+| 角色 | 含义 | 无宿主默认（Light） |
+|------|------|---------------------|
+| `canvas` | 最底层画布 | `#F5F5F5` |
+| `surface` | 主表面（面板/卡片底） | `#FFFFFF` |
+| `surface-muted` | 次级表面（表头、斑马弱底） | `#FAFAFA` |
+| `text` | 主文 | `#1F1F1F` |
+| `text-secondary` | 次文 | `#595959` |
+| `text-disabled` | 禁用/占位 | `#BFBFBF` |
+| `border` | 默认线 | `#F0F0F0` |
+| `border-strong` | 强调线 | `#D9D9D9` |
+| `accent` | **唯一**主行动 / 链接 / 焦点强调 | `#1677FF`（可被宿主品牌替换） |
+| `accent-hover` | accent 悬停 | `#4096FF` |
+| `accent-active` | accent 按下 | `#0958D9` |
+| `success` | 成功状态 | `#52C41A` |
+| `warning` | 警告 | `#FAAD14` |
+| `error` | 错误/危险 | `#FF4D4F` |
+| `info` | 信息 | `#1677FF` |
+| `chart-1`…`chart-6` | **仅**图表分类色 | 宿主或实现时再定；不得用于主按钮 |
+
+暗色主题：宿主提供；未提供时保持对比度 ≥ WCAG 底线，勿纯 `#000` / `#FFF` 硬编码正文。
+
+## 2. 使用纪律
+
+1. **先灰度建层级**（字重/尺寸/对比），最后上色。
+2. 颜色只用于：**状态**、**唯一主 CTA/链接**、**品牌强调**、**图表系列**。
+3. 同级信息不用颜色区分；状态须配文案或图标（不只靠色）。
+4. 一屏 **一个** `accent` 主行动色；勿多品牌色抢权。
+
+## 3. 硬禁止（输出扫描）
+
+| 禁止 | 原因 |
+|------|------|
+| `#6366F1` / `#818CF8` / 同类「AI 紫靛」作 accent | 通用模型默认味 |
+| 装饰渐变、glow、grain、玻璃拟态抢主任务 | product 与多数 consumer 主路径 |
+| 纯黑 `#000` 大面积正文或阴影 | 改用 near-black / 多层淡影 |
+| 用 success 绿表达「推荐/更省钱」而无状态语义 | 学 Vercel：色须有意义 |
+| 预设彩虹色当主按钮 | 分类色只给 tag/chart |
+
+## 4. 与宿主
+
+- AGENTS 声明 `primary` / 品牌色 → 映射到 `accent*`，替换默认蓝。
+- 使用 antd / Geist 等 → 直接用其 token，角色语义对齐本表，不另起 hex。

package/presets/code-vibe/skills/frontend-design/references/design-standards/tokens/motion.md

@@ -0,0 +1,51 @@
+# Motion（封闭集）
+
+> 默认静止。动效只服务状态变化、连续性或确认反馈。
+
+## 时长
+
+| Token | 建议 | 用途 |
+|-------|------|------|
+| `--dur-quick` | 120ms | hover / press |
+| `--dur-base` | 200ms | 面板开合、淡入 |
+| `--dur-slow` | 320ms | 罕见的大布局过渡 |
+
+禁止组件内散落 `300ms`/`400ms` 魔法数；统一走 token。
+`transition` 须列出属性（如 `opacity, transform`），禁止 `transition: all`。
+
+## 缓动
+
+| Token | 用途 |
+|-------|------|
+| `--ease-snap` | 按下/hover |
+| `--ease-soft` | 模态/toast |
+| `--ease-layout` | 宽高类布局（能避免则避免动画宽高） |
+
+只动画 `transform` / `opacity`（及 compositor 友好属性）。
+
+## Reduced motion
+
+```css
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --dur-quick: 1ms;
+    --dur-base: 1ms;
+    --dur-slow: 1ms;
+  }
+}
+```
+
+## Surface 差量 · 频率门
+
+| | product | consumer |
+|--|---------|----------|
+| **日频操作**（Cmd+K、行展开、Tab、筛选、行内保存） | **默认可无动画**；要动则 ≤ `--dur-quick` | 短反馈可有 |
+| 低频确认（Modal 开合、成功） | `--dur-base` 可接受 | 同左 |
+| growth 落地 | — | 允许有意义入场；禁自动跑马灯/假打字/装饰脉冲 |
+| 发光/脉冲状态点 | **禁止** | **禁止** |
+
+## 同屏预算
+
+同一 viewport **同时可见的动画 ≤ 3**（含入场、装饰、循环）。超出 → 删装饰，保留状态反馈。
+只动画 `transform` / `opacity`；滚动驱动优先 CSS 时间线，避免 JS 狂抖。
+旋钮 `motion`（见 [../craft-knobs.md](../craft-knobs.md)）低分时进一步砍入场。

package/presets/code-vibe/skills/frontend-design/references/design-standards/tokens/scale.md

@@ -0,0 +1,89 @@
+# Token Scale（封闭尺度）
+
+> 无宿主设计系统时的默认阶梯。只许表内值；半档（如 10、14px gap、`text-[13px]`）视为违规。
+> 覆盖 → [README.md](./README.md)。
+
+## 1. Spacing（基单位 4）
+
+| Token 角色 | px | 典型用途 |
+|------------|-----|----------|
+| `space-1` | 4 | 紧挨控件内边距、图标与文字微距 |
+| `space-2` | 8 | 控件内默认、密集组内 gap |
+| `space-3` | 12 | 表单字段组、chip 间距 |
+| `space-4` | 16 | 区块内默认 gap、表头/单元格常用垫 |
+| `space-5` | 24 | 卡片/分组内边距、段间 |
+| `space-6` | 32 | 大分组、页头与内容 |
+| `space-7` | 48 | 章节级分隔 |
+
+**无线关系（名称固定，值取自上表或宿主等价物）：**
+
+| 名 | 含义 |
+|----|------|
+| `--page-pl` / `--page-pr` | 内容区左右垫；与侧栏首列对齐时必须同源 |
+| `--detail-px` | 详情阅读页水平垫（可 ≥ list 页） |
+| `--row-h` | 密集行高（表行/导航行） |
+| `--top-row-h` | 顶栏 / 侧栏品牌行高 |
+| `--slot-size` | 图标对齐槽（槽对齐，不是图标本身乱改尺寸） |
+
+组件内禁止裸写 `padding: 13px` 等；用上表或 `calc(var(--…))`。
+
+### Wireless（硬编码 = bug）
+
+可见 **间距 / 高度 / gap / 字号 / 圆角 / 图标外槽** 必须是表内 token、宿主变量或 `calc(token…)`。
+组件源码里散落魔法 px（含 Tailwind 任意值 `p-[13px]`、`text-[13px]`、`h-[37px]`）→ **当作 bug 修**，不是风格偏好。
+验收：抽主路径组件，对非常量 token 的裸长度零容忍（图表库内部除外，外层尺寸仍锁 token）。
+
+## 2. Control height
+
+| Token | px | 用途 |
+|-------|-----|------|
+| `control-xs` | 28 | 密级 chip、次要图标钮、密表行控件 |
+| `control-sm` | 32 | **product 默认**：按钮、搜索、多数 Input |
+| `control-md` | 36 | 舒适表单行、表单元格内控件 |
+| `control-lg` | 44 | 顶栏行；**consumer 主 CTA / 触控主目标** |
+
+## 3. Type（字号阶梯）
+
+| 角色 | px | 用途 |
+|------|-----|------|
+| `type-xs` | 12 | 次要元数据、时间戳 |
+| `type-sm` | 14 | **product body 默认**；表单元格、表单 label、导航项 |
+| `type-md` | 16 | consumer 主路径正文；callout |
+| `type-lg` | 18 | 详情内小节标题 |
+| `type-xl` | 20 | 页标题（少用） |
+| `type-2xl` | 24 | 章节/consumer 强调标题 |
+| `type-display` | 30 | KPI 大数、growth 主标题（克制使用） |
+
+字重仅：`400` / `500` / `600`。
+**product 禁用 `700`（bold）** — 14px 上过重。
+数字列 / 对比列：`font-variant-numeric: tabular-nums`。
+
+## 4. Radius
+
+| 角色 | px | 用途 |
+|------|-----|------|
+| `radius-none` | 0 | 齐平密表、需硬边时 |
+| `radius-xs` | 2 | 微 |
+| `radius-sm` | 4 | 小标签 |
+| `radius-md` | 6 | **默认控件**（按钮/输入） |
+| `radius-lg` | 8 | 卡片/模态外框上限（product） |
+| `radius-full` | 9999 | pill / 状态胶囊 |
+
+内外圆角：内 ≤ 外。
+
+## 5. Icon
+
+| 角色 | px |
+|------|-----|
+| `icon-sm` | 14 |
+| `icon-md` | 16 |
+
+同一界面单一 icon 家族与单一 stroke；禁止混用描边粗细。
+
+## 6. Surface 差量（尺度）
+
+| | product | consumer in-product | consumer growth |
+|--|---------|---------------------|-----------------|
+| 默认 body | 14 | 16（可读优先） | 按标题角色，勿半档 |
+| 默认控件高 | 32 | 主行动 ≥44 | CTA ≥44 |
+| 密度 | 偏 compact | motif 决定 | 首屏留白服从构图，非密表 |

package/presets/code-vibe/skills/frontend-design/references/design-standards/ui-page-gate.md

@@ -0,0 +1,61 @@
+# UI Page Gate（评审输出模板）
+
+> 新建/大改用户可见页（或含表单的 Dialog/Sheet）时，写业务 UI 前用本模板做评审。
+> **加载义务与字段强度 → [LOAD-MAP.md](./LOAD-MAP.md)**（本文件不另定硬门）。
+
+**硬门：** 禁字段平铺成 UI；先产品判断与 IA；评审确认前不写页。
+
+## 何时启用
+
+新建路由、大改布局/主任务、含表单的 Dialog/Sheet/Drawer。
+trivial / Polish / 非 material refinement → 见 LOAD-MAP **豁免**；可不跑完整评审。
+
+## 阶段〇：Job Brief（硬门）
+
+先完成 [product-judgment.md](./product-judgment.md)：Job / Desired outcome / Consequence 必填；2–4 条人话验收。
+填不出 → **停，问用户**；禁止进入阶段二画 IA/控件。
+
+## 阶段一：五问 → 页面定位
+
+1. 谁 2. 核心任务 3. 频率 4. 决策信息 5. 失败边界 → 一句页面定位。
+必填字段按 LOAD-MAP 字段门控表落盘（Job Brief、Design Read、surface、page_kind/motif、anchor…）。
+
+## 阶段二：IA
+
+| 决策 | |
+|------|--|
+| 交互单位 | 跟 Job 走，不跟内部类型表（product-judgment `rule/interaction-unit`） |
+| 骨架 | 服从合同 `page_kind`/`motif`；混任务拆页；redundancy hunt（见 [LOAD-MAP](./LOAD-MAP.md)） |
+| 主次 / 披露 / 密度 / 路径 | ID 优先选择器 |
+
+覆盖层：先定交互单位与批量规则，再选容器——新建短表→Modal；行预览→Sheet；单字段→行内。
+
+## 阶段三：探测宿主资源
+
+AGENTS / PRODUCT.md / DESIGN.md / 现有 API 与组件；DS 绑定见 AGENTS。
+
+## 阶段四：评审块（确认前停）
+
+```text
+### 页面设计评审：[名]
+Job Brief（User / Job / Desired / Consequence / Permissions）：
+人话验收：…
+Design Read：…
+定位：…
+UI surface / page_kind|motif / shell / visitor_mode：
+knobs（v/m/d）：
+change（new|refinement|redesign）：
+anchor / diverge：
+设计决策（含交互单位 / 引用 rule/*）：…
+信息架构：…
+字段清单：…
+主干流程：…
+业务四态 + 交互五态：…
+覆盖层选择：Modal|Sheet|行内|—
+待确认：…
+```
+
+## 阶段五：实现 / 验收
+
+按 LOAD-MAP 场景行加载册；宿主 DS 优先；输出前扫 ai-tells；文案守 copy.md。
+验收：浏览器走主干 Job；对照 LOAD-MAP 场景行 + ai-tells。

package/presets/code-vibe/skills/frontend-design/references/design-standards/ui-surface.checklist.json

@@ -0,0 +1,49 @@
+{
+  "id": "ui-surface",
+  "title": "有 UI 时体验/视觉/门控自检",
+  "source": "LOAD-MAP + design-standards/*",
+  "required_when": "has_ui",
+  "note": "Plan 优先勾 load_map…anchor；Build 按 page_kind 展开 when 项；Verify 抽检 ai_tells/a11y/copy。强度见 LOAD-MAP 字段表。",
+  "items": [
+    {"id": "load_map", "phase": "plan|build", "prompt": "已按 LOAD-MAP 加载本任务必读册（非只读 visual/ux 开头）"},
+    {"id": "job_brief", "phase": "plan|build", "prompt": "已写 Job Brief（Job / Desired outcome / Consequence；见 product-judgment）"},
+    {"id": "plain_acceptance", "phase": "plan|build", "prompt": "已写 2–4 条人话验收；无实现黑话"},
+    {"id": "interaction_unit", "phase": "build", "prompt": "交互单位跟 Job 走（非内部类型 Tab 当主路径）"},
+    {"id": "design_read", "phase": "plan|build", "prompt": "已写 Design Read 一行（craft-knobs）"},
+    {"id": "surface_declared", "phase": "plan|build", "prompt": "已声明 UI surface: product|consumer|n/a"},
+    {"id": "page_kind_declared", "phase": "plan|build", "prompt": "已声明 page_kind 或 motif（等价）"},
+    {"id": "visitor_mode", "phase": "build", "prompt": "已设或默认 visitor_mode（persuade|operate|read|experience）"},
+    {"id": "craft_knobs", "phase": "build", "prompt": "variance/motion/density 已设或接受默认（density 用 1–10）"},
+    {"id": "anchor_declared", "phase": "build", "prompt": "已写 anchor + diverge（非「现代简洁」）；Plan 可 warn"},
+    {"id": "change_control", "phase": "build", "prompt": "改存量时已声明 refinement|redesign；material 变更已进合同"},
+    {"id": "surface_pack_applied", "phase": "build", "prompt": "已按 surfaces + pages + components 自检"},
+    {"id": "page_positioning", "phase": "build", "prompt": "页面定位（谁/任务/频率）清晰"},
+    {"id": "ia_not_field_dump", "phase": "build", "prompt": "非后端字段平铺"},
+    {"id": "redundancy_hunt", "phase": "build", "prompt": "标签/标题无重复堆叠（pages README）"},
+    {"id": "job_paths", "phase": "build|verify", "prompt": "主 Job 成功/失败/权限可感"},
+    {"id": "feedback", "phase": "build|verify", "prompt": "反馈可观察"},
+    {"id": "no_uuid_memory", "phase": "build", "prompt": "不逼记内部 ID；优先选择器"},
+    {"id": "nav_consistency", "phase": "build", "prompt": "导航/用词一致或显式 Breaking"},
+    {"id": "primary_task", "phase": "build", "prompt": "一屏一主任务"},
+    {"id": "states", "phase": "build|verify", "prompt": "空/载/错/成功/无权限有意图；空态两分"},
+    {"id": "interaction_states", "phase": "build", "prompt": "主控件五态（interaction-states）"},
+    {"id": "token_scale", "phase": "build", "prompt": "尺度来自 tokens 或宿主 DS；无魔法 px（wireless）"},
+    {"id": "color_roles", "phase": "build", "prompt": "色角色合规；无 AI 紫抢权"},
+    {"id": "motion_budget", "phase": "build", "prompt": "同屏动画≤3；日频操作频率门"},
+    {"id": "overlay_choice", "phase": "build", "prompt": "Modal/Sheet/行内选对（overlays）"},
+    {"id": "copy_verbs", "phase": "verify", "prompt": "主按钮/错误文案服从 copy.md"},
+    {"id": "a11y", "phase": "verify", "prompt": "web-interface / WCAG 底线"},
+    {"id": "ai_tells_scanned", "phase": "build|verify", "prompt": "输出前已扫 ai-tells"},
+    {"id": "no_second_ds", "phase": "build", "prompt": "未平行发明第二套视觉语言"},
+    {"id": "product_shell_if_chrome", "phase": "build", "prompt": "when product 改壳：shell 匹配 product-shells"},
+    {"id": "product_alignment", "phase": "build", "prompt": "when product 壳：跨态对齐不变量"},
+    {"id": "product_datatable_laws", "phase": "build", "prompt": "when list：DataTable 三定律"},
+    {"id": "product_form_shape", "phase": "build", "prompt": "when 表单：形选对"},
+    {"id": "product_no_native_select", "phase": "build", "prompt": "when product：无滥用原生 select"},
+    {"id": "product_no_marketing_leak", "phase": "build", "prompt": "when product：无 C 端壳误用"},
+    {"id": "consumer_motif_or_reason", "phase": "build", "prompt": "when consumer：motif/page_kind 已设"},
+    {"id": "consumer_no_admin_default", "phase": "build", "prompt": "when consumer：无侧栏密表默认"},
+    {"id": "consumer_growth_budget", "phase": "build", "prompt": "when growth：定调+uniqueness+首屏预算"},
+    {"id": "dashboard_chart_gate", "phase": "build", "prompt": "when dashboard：图类型匹配故事"}
+  ]
+}