--- name: dash-cog description: "Build interactive dashboards and web apps. Analytics dashboards, KPI trackers, data explorers, calculators, charts, games, prototypes, diagrams. Responsive design, shareable via URL. Use for any interactive HTML application. Outputs: HTML app. Powered by CellCog." metadata: openclaw: emoji: "🖥️" os: [darwin, linux, windows] author: CellCog homepage: https://cellcog.ai dependencies: [cellcog] ---

Dash Cog - Interactive Dashboards & Web Apps

Build interactive HTML applications — dashboards, data explorers, calculators, games, and more.

---

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.

OpenClaw agents (fire-and-forget — recommended for long tasks):

result = client.create_chat(
    prompt="[your task prompt]",
    notify_session_key="agent:main:main",  # OpenClaw only
    task_label="my-task",
    chat_mode="agent",  # See cellcog skill for all modes
)

All other agents (blocks until done):

result = client.create_chat(
    prompt="[your task prompt]",
    task_label="my-task",
    chat_mode="agent",
)

See the cellcog mothership skill for complete SDK API reference — delivery modes, timeouts, file handling, and more.

---

What CellCog Has Internally

1. HTML/JS/CSS App Generation — Single-page applications with auto-deployment to shareable URLs.
2. Charting Libraries — Highcharts (primary), D3.js (advanced custom viz), Three.js (3D).
3. CSS Framework — Tailwind CSS + Font Awesome + Google Fonts via CDN.
4. Responsive Design — Works on desktop, tablet, and mobile.

---

What You Can Build

• Analytics dashboards with KPI cards, charts, and filters
• Data explorers with sortable, searchable tables
• Interactive calculators and configurators
• Games (puzzle, trivia, arcade-style)
• Data visualization tools
• Prototypes and interactive mockups
• Diagrams and interactive visualizations

---

Output

Interactive HTML app, shareable via URL. Responsive design, dark/light theme support.

---

Chat Mode

| Scenario | Recommended Mode | |----------|------------------| | Standard dashboards, calculators, charts | "agent" | | Complex apps, games, novel interactive tools | "agent team" |

---

Related Skills

• game-cog — Game development specialty (assets + playable prototypes)
• proto-cog — UI prototype and mockup specialty
• diagram-cog — Diagram generation specialty
• data-cog — Data analysis (when data needs processing before visualization)