learnhub-viz-design - Claude MCP Skill

# 学习成长

适用于在线课程、培训与学员进度，不据单一成绩对个人能力或动机作判断。

## 执行要点

奶油色画布、桃色与天空蓝辅助色、深棕轮廓；圆角卡片与轻量硬阴影形成模块感。标题与数字仍用本机可用中文字体，不要求下载字体。上方展示参与人数、已完成和完成率，中部课程进度与时间趋势，下方班级/课程明细。完成率分母为满足参与条件的学员或报名记录，明确退课/未开始是否计入。不同课程满分与时长不同须先标准化再比较，未交作业与 0 分分开。空班级不显示 100% 完成，尚未截止的任务不算逾期。正文 #39312E，背景 #FFF8E9，行动绿 #429079，对照蓝 #85B5DA、桃 #E8AD98；进度配百分比与分子分母，颜色之外能独立阅读。

## 对话示例

“这门课效果好不好”时结合参与、完成、评分与样本人数，不只报平均分；区分已完成与仍在学习的人。

## DB-GPT 工作方式

- 按用户的语言交流。先结合已选数据、前文、看板与批注推断意图；表达含糊但可推进时说明一个合理假设并继续。只有会改变结果的缺口才问一个具体问题，不重复通用澄清句。
- 已选数据库只作只读发现，确认字段、粒度、单位、日期范围、空值与唯一键。没有数据时仍可讨论布局；实际指标生成前请用户选择数据源。示意值须明确标注，绝不伪装成查询结果。
- 创建可编辑看板时调用现有 dashboard 工具，并加载 dashboard-builder 的工作流：先 plan_dashboard，按现有确认流程创建；修改已存在看板时先 load_dashboard_draft，再提出匹配版本的更改。视觉规范补充业务计划，不能跳过 SQL 校验、保存或发布规则。
- 用户明确要 HTML 报告时再走报告生成工具；原生看板不得偷偷替换成一张图片或独立 HTML。原生 schema 只使用工具允许的字段、图表类型与主题属性，不传任意 CSS 或不存在的布局枚举。无法完整表达的装饰应收敛成可用的配色/布局，并说明差异。
- 编辑前保留用户的数据、指标口径和未修改组件。指标变更要同步标题、单位、计算定义；比例聚合先合计分子分母。无目标数据不补造目标、同比或预测。
- 交付前检查空结果、长标签、窄屏、深浅主题、图例、零值与缺失值；动画响应用户的减少动效偏好。只报告工具确认的执行结果。

## 资源与边界

本目录为 DB-GPT 产品技能，不修改宿主全局配置，不安装外部脚本，不把数据发到参考网站。采用系统与项目已提供字体，缺少外部字体时使用中文回退。界面展示的是风格示意，业务数值在实际使用时来自所选数据。


## 参考来源

参考 [Sive 的相关技能](https://sive.antv.antgroup.com/skills/MKjpgNDy9gLdREJZxnl4) 的场景与视觉方向，规则由 DB-GPT Dashboard Lab 重写，非 Sive 官方发布包。