ClawSkills logoClawSkills

dash-cog

由 CellCog 驱动的交互式仪表板和应用程序。数据可视化、分析仪表板、KPI 跟踪器、图表、交互式 HTML 应用程序、数据探索。

介绍

# Dash Cog - Interactive Dashboards & Apps Powered by CellCog

利用 AI 构建交互式仪表板、数据可视化和 Web 应用程序。

---

## 前置条件

此技能需要 `cellcog` 技能来进行 SDK 设置和 API 调用。

```bash clawhub install cellcog ```

**请先阅读 cellcog 技能**以了解 SDK 设置。本技能将向您展示其功能。

**快速模式 (v1.0+):** ```python # Fire-and-forget - returns immediately result = client.create_chat( prompt="[your dashboard/app request]", notify_session_key="agent:main:main", task_label="dashboard-task", chat_mode="agent" # Agent mode handles most dashboards well ) # Daemon notifies you when complete - do NOT poll ```

---

## 您可以构建的内容

### 分析仪表板

用于数据分析的交互式仪表板:

- **销售仪表板**:“创建一个包含收入趋势、热门产品、区域细分和月度对比的交互式销售分析仪表板” - **营销仪表板**:“构建一个显示营销活动 ROI、渠道归因和转化漏斗的营销绩效仪表板” - **财务仪表板**:“创建一个包含损益表、现金流和关键财务比率的财务概览仪表板” - **人力资源仪表板**:“构建一个包含人数趋势、流失率和部门细分的人员分析仪表板”

### KPI 追踪器

监控关键绩效指标:

- **业务 KPI**:“创建一个显示 MRR(月经常性收入)、流失率、CAC(获客成本)、LTV(客户终身价值)和增长指标的 KPI 追踪器” - **项目 KPI**:“构建一个包含时间表、预算、资源分配和风险指标的项目健康状况仪表板” - **SaaS 指标**:“创建一个包含激活、留存和扩张收入的 SaaS 指标仪表板”

### 数据可视化

交互式图表和图形:

- **时间序列**:“可视化股票价格历史,并提供交互式缩放和技术指标” - **对比分析**:“创建一个交互式条形图,对比竞争对手的市场份额” - **地理可视化**:“构建一个地图可视化,按区域显示销售额并支持下钻” - **层级结构**:“创建一个树状图,显示各部门的预算分配” - **网络关系**:“将关系数据可视化为交互式网络图”

### 数据探索工具

用于探索数据集的工具:

- **数据集探索器**:“为此 CSV 数据创建一个包含筛选、排序和图表的交互式探索器” - **调查结果**:“构建一个交互式工具来探索调查反馈,并支持交叉制表” - **日志分析器**:“创建一个日志探索工具,具备搜索、筛选和模式检测功能”

### 交互式应用程序

仪表板之外的 Web 应用程序:

- **计算器**:“构建一个具有可调输入和可视化输出的交互式 ROI 计算器” - **配置器**:“创建一个产品配置器,根据所选选项显示价格” - **测验**:“构建一个包含评分和结果解释的交互式测验应用” - **时间线**:“创建一个公司里程碑的交互式时间线”

### 游戏

简单的基于 Web 的游戏:

- **益智游戏**:“创建一个像 Wordle 那样的单词猜谜游戏” - **记忆游戏**:“构建一个记忆配对卡牌游戏” - **问答**:“创建一个关于 [主题] 的问答游戏,并包含评分系统” - **街机风格**:“构建一个简单的太空侵略者风格的游戏”

---

## 仪表板功能

CellCog 仪表板可以包含:

| 功能 | 描述 | |---------|-------------| | **交互式图表** | 折线图、柱状图、饼图、散点图、面积图、热力图、树状图等 | | **筛选器** | 日期范围、下拉菜单、搜索、多选 | | **KPI 卡片** | 包含趋势和对比的关键指标 | | **数据表格** | 可排序、可搜索、可分页的表格 | | **下钻** | 点击以探索更深层级的数据 | | **响应式设计** | 适用于桌面、平板和移动设备 | | **深色/浅色主题** | 自动主题支持 |

---

## 数据来源

您可以通过以下方式提供数据:

1. **提示词中的内联数据**:直接描述的小型数据集 2. **文件上传**:通过 SHOW_FILE 上传 CSV、JSON、Excel 文件 3. **示例/模拟数据**:“为一家 SaaS 公司生成逼真的示例数据”

---

## 仪表板的聊天模式

根据复杂度选择:

| 场景 | 推荐模式 | |----------|------------------| | 标准仪表板、KPI 追踪器、数据可视化、图表 | `"agent"` | | 复杂的交互式应用、游戏、新颖的数据探索器 | `"agent team"` |

对于大多数仪表板请求,**默认使用 `"agent"`**。CellCog 的代理模式能高效处理图表、表格、筛选器和交互性。

仅在需要大量设计思考的真正复杂应用时使用 `"agent team"`——例如构建新颖的游戏机制或具有多个互连功能的高度定制分析工具。

---

## 示例仪表板提示词

**销售分析仪表板:** > “创建一个具有以下功能的交互式销售分析仪表板: > - KPI 卡片:总收入、订单数、平均订单价值、增长率 > - 折线图:月度收入趋势(过去 12 个月) > - 柱状图:按产品类别的收入 > - 饼图:按区域的销售额 > - 数据表格:按收入排名的前 10 大产品 > > 包含日期范围筛选器。使用此数据:[上传 CSV 或描述数据] > 现代、专业的设计,采用蓝色配色方案。”

**初创公司指标仪表板:** > “为一家初创公司构建 SaaS 指标仪表板,显示: > - MRR 和增长率 > - 客户获取漏斗(访客 → 注册 → 试用 → 付费) > - 流失率趋势 > - LTV:CAC 比率 > - 按计划层级的收入 > > 为一家 B2B SaaS 公司生成逼真的示例数据,其 MRR 在 12 个月内从 1 万美元增长到 10 万美元。”

**交互式数据探索器:** > “为此员工数据集 [上传 CSV] 创建一个交互式探索器。包括: > - 可搜索、可排序的数据表格 > - 部门、地点、任期筛选器 > - 图表:按部门的人数、薪资分布、任期直方图 > - 统计摘要面板 > > 允许用户将筛选后的数据下载为 CSV。”

**简单游戏:** > “创建一个 Wordle 风格的单词猜谜游戏。5 个字母的单词,6 次尝试,颜色反馈(绿色 = 位置正确,黄色 = 位置错误,灰色 = 单词中无此字母)。包含键盘、游戏统计和分享结果功能。简洁、现代的设计。”

---

## 构建更佳仪表板的技巧

1. **优先考虑关键指标**:不要堆砌所有内容。以 3-5 个最重要的 KPI 为核心。

2. **描述数据**:存在哪些列?它们的含义是什么?时间范围是什么?

3. **指定图表类型**:“趋势使用折线图,对比使用柱状图,构成使用饼图。”

4. **包含交互性**:“按日期范围筛选”、“点击下钻”、“悬停查看详情。”

5. **设计方向**:“现代简约”、“企业专业”、“活泼多彩”,或具体的配色方案。

6. **响应式需求**:“仅限桌面”与“必须在移动设备上运行”。

更多产品