用途
Dashboard 技能用于产出单屏的管理/分析仪表盘（admin / analytics dashboard）。它适合在需要快速搭建后台数据概览界面时使用，最终交付物是一个自包含的 HTML 文档。
主要能力
- 根据需求简报判断仪表盘所监控的对象（销售、流量、使用量、事故、运维等），并生成具体、可信的指标名称与数值，不使用“Metric A / Metric B”这类占位符。
- 按固定区域组织布局：
- 左侧边栏（220–260px）：顶部为品牌标识，包含 6–8 个带图标的导航链接，激活状态使用设计系统（DS）的强调色。
- 顶栏：左侧为页面标题，右侧为搜索输入框与用户头像/状态。
- 主区域：第一行为 3–4 个 KPI 卡片（标签 + 大号数字 + 与上一周期的变化）；第二行为一个主图表（全宽或占 2/3），以真实感数字绘制的内联 SVG 折线/柱状/面积图；第三行为一个次级图表或表格（近期事件、热门条目等）。
- 生成一个自包含的 HTML 文档：从
<!doctype html>到</html>，CSS 放在单个内联<style>块中。 - 使用 CSS Grid 处理整体布局，卡片内部使用 Flexbox。
- 采用语义化 HTML：
<aside>、<header>、<main>、<section>。 - 为每个逻辑区域添加
data-od-id="slug"标记，以支持评论模式。 - 图表仅使用内联 SVG，不引入 JS 库。折线图约为 10 行
<polyline>并带轻微面积填充；柱状图为 N 个<rect>，使用 DS 强调色填充；坐标轴标签轻量化（弱化文字、较小字号）。
使用方式
技能会读取当前生效的 DESIGN.md（在上下文中注入）。颜色、字体、间距、组件样式全部来自该文件，不自行发明新令牌。
自检要点：
- 每个颜色都来自 DESIGN.md 令牌。
- 强调色最多使用两次（侧边栏激活态 + 一处图表高亮）。
- 侧边栏与顶栏为 sticky，主区域独立滚动。
- 密度与设计系统气质匹配——通透的 DS 使用更多内边距，密集的 DS（交易、加密类）收紧行距。
输出契约：在 <artifact> 标签之间输出，格式为：
<artifact identifier="dashboard-slug" type="text/html" title="Dashboard Title">
<!doctype html>
<html>...</html>
</artifact>
artifact 之前一句话，之后不加任何内容。
适用场景
- 需要快速生成后台管理或数据分析概览界面。
- 需要与既有设计系统（DESIGN.md）保持一致的单页仪表盘。
- 需要不依赖 JS 图表库、纯 HTML/CSS/SVG 的轻量可视化页面。
限制
- 仅产出单屏仪表盘，不涉及多页面或复杂交互逻辑。
- 图表为静态内联 SVG，不含动态数据更新或交互。
- 具体收费、价格、平台支持等信息暂未提供。