Dash Cog - Interactive Dashboards & Apps Powered by CellCog
Build interactive dashboards, data visualizations, and web apps with AI.
Prerequisites
This skill requires the cellcog skill for SDK setup and API calls.
clawhub install cellcog
Read the cellcog skill first for SDK setup. This skill shows you what's possible.
Quick pattern (v1.0+):
# 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
What You Can Build
Analytics Dashboards
Interactive dashboards for data analysis:
- Sales Dashboard: "Create an interactive sales analytics dashboard with revenue trends, top products, regional breakdown, and monthly comparisons"
- Marketing Dashboard: "Build a marketing performance dashboard showing campaign ROI, channel attribution, and conversion funnels"
- Financial Dashboard: "Create a financial overview dashboard with P&L, cash flow, and key financial ratios"
- HR Dashboard: "Build an employee analytics dashboard with headcount trends, attrition, and department breakdowns"
KPI Trackers
Monitor key performance indicators:
- Business KPIs: "Create a KPI tracker showing MRR, churn rate, CAC, LTV, and growth metrics"
- Project KPIs: "Build a project health dashboard with timeline, budget, resource allocation, and risk indicators"
- SaaS Metrics: "Create a SaaS metrics dashboard with activation, retention, and expansion revenue"
Data Visualizations
Interactive charts and graphs:
- Time Series: "Visualize stock price history with interactive zoom and technical indicators"
- Comparisons: "Create an interactive bar chart comparing market share across competitors"
- Geographic: "Build a map visualization showing sales by region with drill-down"
- Hierarchical: "Create a treemap showing budget allocation across departments"
- Network: "Visualize relationship data as an interactive network graph"
Data Explorers
Tools for exploring datasets:
- Dataset Explorer: "Create an interactive explorer for this CSV data with filtering, sorting, and charts"
- Survey Results: "Build an interactive tool to explore survey responses with cross-tabulation"
- Log Analyzer: "Create a log exploration tool with search, filtering, and pattern detection"
Interactive Apps
Web applications beyond dashboards:
- Calculators: "Build an interactive ROI calculator with adjustable inputs and visual output"
- Configurators: "Create a product configurator that shows pricing based on selected options"
- Quizzes: "Build an interactive quiz app with scoring and result explanations"
- Timelines: "Create an interactive timeline of company milestones"
Games
Simple web-based games:
- Puzzle Games: "Create a word puzzle game like Wordle"
- Memory Games: "Build a memory matching card game"
- Trivia: "Create a trivia game about [topic] with scoring"
- Arcade Style: "Build a simple space invaders style game"
Dashboard Features
CellCog dashboards can include:
| Feature |
Description |
| Interactive Charts |
Line, bar, pie, scatter, area, heatmaps, treemaps, and more |
| Filters |
Date ranges, dropdowns, search, multi-select |
| KPI Cards |
Key metrics with trends and comparisons |
| Data Tables |
Sortable, searchable, paginated tables |
| Drill-Down |
Click to explore deeper levels of data |
| Responsive Design |
Works on desktop, tablet, and mobile |
| Dark/Light Themes |
Automatic theme support |
Data Sources
You can provide data via:
- Inline data in prompt: Small datasets described directly
- File upload: CSV, JSON, Excel files via SHOW_FILE
- Sample/mock data: "Generate realistic sample data for a SaaS company"
Chat Mode for Dashboards
Choose based on complexity:
| Scenario |
Recommended Mode |
| Standard dashboards, KPI trackers, data visualizations, charts |
"agent" |
| Complex interactive apps, games, novel data explorers |
"agent team" |
Default to "agent" for most dashboard requests. CellCog's agent mode handles charts, tables, filters, and interactivity efficiently.
Reserve "agent team" for truly complex applications requiring significant design thinking—like building a novel game mechanic or a highly customized analytical tool with multiple interconnected features.
Example Dashboard Prompts
Sales analytics dashboard:
"Create an interactive sales analytics dashboard with:
- KPI cards: Total Revenue, Orders, Average Order Value, Growth Rate
- Line chart: Monthly revenue trend (last 12 months)
- Bar chart: Revenue by product category
- Pie chart: Sales by region
- Data table: Top 10 products by revenue
Include date range filter. Use this data: [upload CSV or describe data]
Modern, professional design with blue color scheme."
Startup metrics dashboard:
"Build a SaaS metrics dashboard for a startup showing:
- MRR and growth rate
- Customer acquisition funnel (visitors → signups → trials → paid)
- Churn rate trend
- LTV:CAC ratio
- Revenue by plan tier
Generate realistic sample data for a B2B SaaS company growing from $10K to $100K MRR over 12 months."
Interactive data explorer:
"Create an interactive explorer for this employee dataset [upload CSV]. Include:
- Searchable, sortable data table
- Filters for department, location, tenure
- Charts: headcount by department, salary distribution, tenure histogram
- Summary statistics panel
Allow users to download filtered data as CSV."
Simple game:
"Create a Wordle-style word guessing game. 5-letter words, 6 attempts, color feedback (green = correct position, yellow = wrong position, gray = not in word). Include keyboard, game statistics, and share results feature. Clean, modern design."
Tips for Better Dashboards
Prioritize key metrics: Don't cram everything. Lead with the 3-5 most important KPIs.
Describe the data: What columns exist? What do they mean? What time period?
Specify chart types: "Line chart for trends, bar chart for comparisons, pie for composition."
Include interactivity: "Filter by date range", "Click to drill down", "Hover for details."
Design direction: "Modern minimal", "Corporate professional", "Playful and colorful", specific color schemes.
Responsive needs: "Desktop only" vs "Must work on mobile."
1---2name: dash-cog3description: Interactive dashboards and apps powered by CellCog. Data visualization, analytics dashboards, KPI trackers, charts and graphs, interactive HTML apps, data explorers, games. Build web apps with AI.4---5
6# Dash Cog - Interactive Dashboards & Apps Powered by CellCog
7
8Build interactive dashboards, data visualizations, and web apps with AI.
9
10---
11
12## Prerequisites
13
14This skill requires the `cellcog` skill for SDK setup and API calls.
15
16```bash
17clawhub install cellcog
18```
19
20**Read the cellcog skill first** for SDK setup. This skill shows you what's possible.
21
22**Quick pattern (v1.0+):**
23```python
24# Fire-and-forget - returns immediately
25result = client.create_chat(
26 prompt="[your dashboard/app request]",
27 notify_session_key="agent:main:main",
28 task_label="dashboard-task",
29 chat_mode="agent" # Agent mode handles most dashboards well
30)
31# Daemon notifies you when complete - do NOT poll
32```
33
34---
35
36## What You Can Build
37
38### Analytics Dashboards
39
40Interactive dashboards for data analysis:
41
42- **Sales Dashboard**: "Create an interactive sales analytics dashboard with revenue trends, top products, regional breakdown, and monthly comparisons"
43- **Marketing Dashboard**: "Build a marketing performance dashboard showing campaign ROI, channel attribution, and conversion funnels"
44- **Financial Dashboard**: "Create a financial overview dashboard with P&L, cash flow, and key financial ratios"
45- **HR Dashboard**: "Build an employee analytics dashboard with headcount trends, attrition, and department breakdowns"
46
47### KPI Trackers
48
49Monitor key performance indicators:
50
51- **Business KPIs**: "Create a KPI tracker showing MRR, churn rate, CAC, LTV, and growth metrics"
52- **Project KPIs**: "Build a project health dashboard with timeline, budget, resource allocation, and risk indicators"
53- **SaaS Metrics**: "Create a SaaS metrics dashboard with activation, retention, and expansion revenue"
54
55### Data Visualizations
56
57Interactive charts and graphs:
58
59- **Time Series**: "Visualize stock price history with interactive zoom and technical indicators"
60- **Comparisons**: "Create an interactive bar chart comparing market share across competitors"
61- **Geographic**: "Build a map visualization showing sales by region with drill-down"
62- **Hierarchical**: "Create a treemap showing budget allocation across departments"
63- **Network**: "Visualize relationship data as an interactive network graph"
64
65### Data Explorers
66
67Tools for exploring datasets:
68
69- **Dataset Explorer**: "Create an interactive explorer for this CSV data with filtering, sorting, and charts"
70- **Survey Results**: "Build an interactive tool to explore survey responses with cross-tabulation"
71- **Log Analyzer**: "Create a log exploration tool with search, filtering, and pattern detection"
72
73### Interactive Apps
74
75Web applications beyond dashboards:
76
77- **Calculators**: "Build an interactive ROI calculator with adjustable inputs and visual output"
78- **Configurators**: "Create a product configurator that shows pricing based on selected options"
79- **Quizzes**: "Build an interactive quiz app with scoring and result explanations"
80- **Timelines**: "Create an interactive timeline of company milestones"
81
82### Games
83
84Simple web-based games:
85
86- **Puzzle Games**: "Create a word puzzle game like Wordle"
87- **Memory Games**: "Build a memory matching card game"
88- **Trivia**: "Create a trivia game about [topic] with scoring"
89- **Arcade Style**: "Build a simple space invaders style game"
90
91---
92
93## Dashboard Features
94
95CellCog dashboards can include:
96
97| Feature | Description |
98|---------|-------------|
99| **Interactive Charts** | Line, bar, pie, scatter, area, heatmaps, treemaps, and more |
100| **Filters** | Date ranges, dropdowns, search, multi-select |
101| **KPI Cards** | Key metrics with trends and comparisons |
102| **Data Tables** | Sortable, searchable, paginated tables |
103| **Drill-Down** | Click to explore deeper levels of data |
104| **Responsive Design** | Works on desktop, tablet, and mobile |
105| **Dark/Light Themes** | Automatic theme support |
106
107---
108
109## Data Sources
110
111You can provide data via:
112
1131. **Inline data in prompt**: Small datasets described directly
1142. **File upload**: CSV, JSON, Excel files via SHOW_FILE
1153. **Sample/mock data**: "Generate realistic sample data for a SaaS company"
116
117---
118
119## Chat Mode for Dashboards
120
121Choose based on complexity:
122
123| Scenario | Recommended Mode |
124|----------|------------------|
125| Standard dashboards, KPI trackers, data visualizations, charts | `"agent"` |
126| Complex interactive apps, games, novel data explorers | `"agent team"` |
127
128**Default to `"agent"`** for most dashboard requests. CellCog's agent mode handles charts, tables, filters, and interactivity efficiently.
129
130Reserve `"agent team"` for truly complex applications requiring significant design thinking—like building a novel game mechanic or a highly customized analytical tool with multiple interconnected features.
131
132---
133
134## Example Dashboard Prompts
135
136**Sales analytics dashboard:**
137> "Create an interactive sales analytics dashboard with:
138> - KPI cards: Total Revenue, Orders, Average Order Value, Growth Rate
139> - Line chart: Monthly revenue trend (last 12 months)
140> - Bar chart: Revenue by product category
141> - Pie chart: Sales by region
142> - Data table: Top 10 products by revenue
143>
144> Include date range filter. Use this data: [upload CSV or describe data]
145> Modern, professional design with blue color scheme."
146
147**Startup metrics dashboard:**
148> "Build a SaaS metrics dashboard for a startup showing:
149> - MRR and growth rate
150> - Customer acquisition funnel (visitors → signups → trials → paid)
151> - Churn rate trend
152> - LTV:CAC ratio
153> - Revenue by plan tier
154>
155> Generate realistic sample data for a B2B SaaS company growing from $10K to $100K MRR over 12 months."
156
157**Interactive data explorer:**
158> "Create an interactive explorer for this employee dataset [upload CSV]. Include:
159> - Searchable, sortable data table
160> - Filters for department, location, tenure
161> - Charts: headcount by department, salary distribution, tenure histogram
162> - Summary statistics panel
163>
164> Allow users to download filtered data as CSV."
165
166**Simple game:**
167> "Create a Wordle-style word guessing game. 5-letter words, 6 attempts, color feedback (green = correct position, yellow = wrong position, gray = not in word). Include keyboard, game statistics, and share results feature. Clean, modern design."
168
169---
170
171## Tips for Better Dashboards
172
1731. **Prioritize key metrics**: Don't cram everything. Lead with the 3-5 most important KPIs.
174
1752. **Describe the data**: What columns exist? What do they mean? What time period?
176
1773. **Specify chart types**: "Line chart for trends, bar chart for comparisons, pie for composition."
178
1794. **Include interactivity**: "Filter by date range", "Click to drill down", "Hover for details."
180
1815. **Design direction**: "Modern minimal", "Corporate professional", "Playful and colorful", specific color schemes.
182
1836. **Responsive needs**: "Desktop only" vs "Must work on mobile."