Skip to main content
Generalmotherduckdb

motherduck-build-dashboard

Build a live MotherDuck dashboard as a Dive. Use when composing one shareable KPI, trend, and breakdown story over existing MotherDuck data, especially when the result should stay a saved workspace artifact rather than a full application.

Stars
28
Source
motherduckdb/agent-skills
Updated
2026-05-26
Slug
motherduckdb--agent-skills--motherduck-build-dashboard
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/motherduckdb/agent-skills/HEAD/plugins/motherduck-skills-claude/skills/motherduck-build-dashboard/SKILL.md -o .claude/skills/motherduck-build-dashboard.md

Drops the SKILL.md into .claude/skills/motherduck-build-dashboard.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

Build an Analytics Dashboard

Start Here: Is a MotherDuck Server Active?

Use an active remote MotherDuck MCP server or local MotherDuck server to inspect the in-scope database, schema, grain, keys, and relevant metrics. Reuse known context and narrow discovery to the requested work; do not scan the whole workspace by default. Let the actual data model shape the result.

Resolve the target from the request or active context. Ask only if ambiguity materially affects the result. Without a server, use supplied schema and explicit assumptions for planning; do not imply live validation.

Dashboard Defaults

  • One story per dashboard.
  • Start with a responsive KPI group, a primary chart, and supporting detail where it helps the decision. Add sections only when the question or data warrants them; these are defaults, not fixed chart quotas.
  • Heavy shaping in SQL, not React.

Workflow

  1. Inspect the available MotherDuck server or supplied schema context.
  2. Read relevant root/domain Guides, then explore the real schema and validate the governed metrics.
  3. Pick the dashboard story.
  4. Write one query per section.
  5. For a new dashboard or layout change, use the responsive and theme guidance in motherduck-design-dive; preserve the existing design for a scoped SQL or text edit.
  6. Compose the dashboard in a Dive. When MotherDuck MCP is available, call get_dive_guide before save_dive or update_dive.
  7. When the request includes creating or updating the Dive, save only after responsive, theme, query-state, and data validation; do not add a second approval gate for the requested in-scope write.
  8. Read the saved Dive back. Leave work-in-progress as Draft; promote it to Ready only after the requested delivery is validated. Reuse Endorsed Dives before rebuilding an existing trusted answer.

Match execution to the request: answer, review, or planning work returns the requested dashboard artifacts; build or change work creates or updates the requested in-scope Dive and validates it. Ask before destructive replacement, unrelated external writes, or a material expansion of scope.

When this skill produces a native DuckDB (md:) connection, watermark it with custom_user_agent=agent-skills/2.6.0(harness-<harness>;llm-<llm>). If metadata is missing, fall back to harness-unknown and llm-unknown.

Output

For a full engagement, cover the following as relevant to the request:

  • the dashboard story
  • the section list
  • the validated SQL for each section
  • the Dive implementation plan
  • the save/update path

For explicit structured JSON requests, read the output contract. Otherwise use the format that fits the requested deliverable.

References

Read only the sections relevant to the task; these are guidance, not a mandatory itinerary.

  • references/DASHBOARD_IMPLEMENTATION_GUIDE.md -- section-to-SQL mapping, TSX composition, and validation examples
  • references/DASHBOARD_PATTERNS.md -- example dashboard compositions and reusable sections

Examples

Read the execution reference only to run the bundled examples or reproduce their validation.

Related Skills

Load related skills only for missing capabilities; reuse established context.

  • motherduck-explore -- inspect the actual database before deciding the dashboard sections
  • motherduck-query -- validate each dashboard query
  • motherduck-create-dive -- useSQLQuery, theming, preview/save, loading, and visual mechanics
  • motherduck-design-dive -- responsive layout, filter capacity, light/dark tokens, reusable components, and visual QA
  • motherduck-duckdb-sql -- resolve syntax and function questions