把完整问题描述塞进卡片Put the full issue description in each card
仅靠卡片颜色表示优先级Use card color as the only priority cue
AI 风格说明AI design brief
构建一个用于快速分诊问题的横向看板。
适用场景:问题分诊、任务协作、优先级调整。
页面结构:范围和筛选工具栏;按阶段分列的看板;紧凑问题卡;详情抽屉入口。
视觉特征:列宽稳定避免拖动抖动;卡片只保留分诊所需字段;阻塞原因直接可见。
关键状态:默认、加载、空结果、错误。
需要做到:拖动后立即确认目标状态;保留键盘操作路径;空列提示可接受的下一步。
避免:把完整问题描述塞进卡片;仅靠卡片颜色表示优先级。Build a horizontal issue-triage board for fast sorting.
Use cases: Issue triage, Task collaboration, Priority changes.
Structure: Scope and filter toolbar; Stage columns; Compact issue cards; Detail-drawer entry.
Visual traits: Stable column widths prevent drag jitter; Cards keep only triage fields; Blockers are visible.
Key states: Default, Loading, Empty, Error.
Do: Confirm the destination after dragging; Keep a keyboard path; Give empty columns a useful next step.
Avoid: Put the full issue description in each card; Use card color as the only priority cue.
# 问题分诊看板 (Issue Triage Board)
按处理阶段组织问题,并保留优先级、负责人和阻塞信息。
A triage board organized by stage with priority, owner, and blocker context intact.
## 分类
- 产品类型:B 端后台、AI 工具 / B2B admin, AI tool
- 页面类型:看板、工作台 / Board, Workspace
- 布局方式:工作台、卡片流 / Workbench, Card flow
- 视觉气质:密集、专业、科技 / Dense, Professional, Technical
- 关键状态:默认、加载、空结果、错误 / Default, Loading, Empty, Error
## 页面结构
- 范围和筛选工具栏 / Scope and filter toolbar
- 按阶段分列的看板 / Stage columns
- 紧凑问题卡 / Compact issue cards
- 详情抽屉入口 / Detail-drawer entry
## 视觉特征
- 列宽稳定避免拖动抖动 / Stable column widths prevent drag jitter
- 卡片只保留分诊所需字段 / Cards keep only triage fields
- 阻塞原因直接可见 / Blockers are visible
## AI 风格说明 / AI design brief
构建一个用于快速分诊问题的横向看板。
适用场景:问题分诊、任务协作、优先级调整。
页面结构:范围和筛选工具栏;按阶段分列的看板;紧凑问题卡;详情抽屉入口。
视觉特征:列宽稳定避免拖动抖动;卡片只保留分诊所需字段;阻塞原因直接可见。
关键状态:默认、加载、空结果、错误。
需要做到:拖动后立即确认目标状态;保留键盘操作路径;空列提示可接受的下一步。
避免:把完整问题描述塞进卡片;仅靠卡片颜色表示优先级。
Build a horizontal issue-triage board for fast sorting.
Use cases: Issue triage, Task collaboration, Priority changes.
Structure: Scope and filter toolbar; Stage columns; Compact issue cards; Detail-drawer entry.
Visual traits: Stable column widths prevent drag jitter; Cards keep only triage fields; Blockers are visible.
Key states: Default, Loading, Empty, Error.
Do: Confirm the destination after dragging; Keep a keyboard path; Give empty columns a useful next step.
Avoid: Put the full issue description in each card; Use card color as the only priority cue.
来源:LearnUI PM 原创示例,MIT License