dashboard-creator

Dashboard Creator 是一个用于创建交互式 HTML 仪表盘的技能，主要面向需要快速生成指标可视化页面的场景。

用途 当用户提出“为[指标]创建仪表盘”“展示 KPI 可视化”“生成性能仪表盘”“制作带图表的分析仪表盘”等请求时，可使用该技能。

主要能力 该技能可生成包含以下组件的 HTML 仪表盘：

• KPI 卡片：展示指标名称、数值、变化百分比和趋势图标。
• 图表：使用 SVG 或 CSS 实现柱状图、饼图和折线图。
• 进度条：用于展示完成度指示。
• 数据表格：用于展示表格化数据。

使用方式 技能提供了一套 HTML 结构模板，包含文档类型声明、标题、内联样式和页面主体。样式示例中定义了页面字体、背景色，以及 KPI 卡片、KPI 数值、上升趋势和下降趋势的样式。页面主体包含仪表盘标题和一个网格容器，用于放置 KPI 卡片、图表和进度条。

KPI 卡片模式示例包含指标标签、指标数值和趋势变化三部分。图表模式以 SVG 柱状图为例，通过 viewBox 定义坐标系，并用 rect 元素绘制每个数据点对应的柱子。

工作流程

1. 提取指标和数据。
2. 创建 KPI 卡片网格。
3. 以 SVG 生成图表（柱状图/饼图/折线图）。
4. 添加进度指示器。
5. 写入 [name]-dashboard.html 文件。

配色建议 使用语义化颜色：绿色表示正向，红色表示负向，蓝色表示中性。

适用场景 适用于需要快速产出静态 HTML 仪表盘的场景，例如展示业务指标、性能数据或分析结果。

限制 该技能生成的是 HTML 文件，图表基于 SVG 或 CSS 实现，未提供关于数据动态更新、后端集成或交互式筛选的说明。其他功能、收费、价格、平台或效果信息暂未提供。