用途：面向数据仪表盘与后台管理界面的设计技能，处理信息密集布局，提供应用外壳、KPI 卡片、图表、表格、状态徽章与实时数据等模式。
使用前提：先读取 .agents/design-context.md，缺失时改从 tailwind.config.* 或 :root CSS 变量获取设计令牌；若都没有则使用默认值（主色 #2563EB、辅色 #7C3AED、强调色 #F59E0B、Tailwind 灰色中性色、标题与正文用 Inter、极简风格），并向用户说明已用默认值并建议运行 design-context。将令牌一次性映射为 CSS 变量后只使用变量。Tailwind 需以 v3 theme.extend 或 v4 @theme 暴露同名变量；示例中的 indigo-/gray- 仅为占位。若用户提供 Figma URL，可用 Figma MCP 的 get_design_context、get_screenshot 拉取并优先匹配。
主要能力与用法：布局给出侧边栏+主内容（侧边栏桌面 240–280px、平板折叠为图标、移动端为遮罩抽屉）与顶部导航+网格两种模式；KPI 卡片含图标、数值、趋势、迷你图、进度条、骨架屏等变体；图表选型按趋势、比较、构成、分布、关系、进度、排名给出对应图表及颜色、坐标轴、提示等规则；数据表格提供工具栏、搜索、筛选、排序、行操作、分页与横向滚动，并要求数字右对齐、行悬浮、粘性表头、tabular-nums；状态徽章分成功/警告/错误/中性，进度条与暗色模式、实时脉冲点、更新时间、自动刷新、渐进披露、响应式断点与移动端卡片替代表格等也有说明。
限制：该技能为设计规范与代码模式集合，官方文本未提供，具体数据可视化细节可参考已安装的 dataviz 类技能。生成后必须实际渲染检查，不可交付未查看的代码。