mcpField
M
motherduck-build-dashboard

motherduck-build-dashboard

github.com/motherduckdbData & databases62429 installsUpdated 3d ago
Repository

About motherduck-build-dashboard

A skill for planning, building, and validating analytics dashboards in MotherDuck Dives. It is intended for dashboard work grounded in live schema and governed metrics, with SQL shaping data and responsive layout guidance.

Key features

  1. 01Inspect schema and governed metrics
  2. 02Plan dashboard stories and sections
  3. 03Shape data with SQL
  4. 04Compose and validate Dives
  5. 05Apply responsive and theme guidance

Use cases

  1. 01Build a dashboard from a business question
  2. 02Update a Dive using validated metrics
  3. 03Review dashboard sections and SQL

MCP support

It can use an active remote or local MotherDuck MCP server to inspect databases. When MCP is available, it calls `get_dive_guide` before writing Dive code and before saving or updating a Dive.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/motherduckdb/agent-skills --skill motherduck-build-dashboard

After installing, type/motherduck-build-dashboardin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

artifacts/
dashboard_story_example.py
dashboard_story_example.ts
references/
DASHBOARD_IMPLEMENTATION_GUIDE.md
DASHBOARD_PATTERNS.md
EXECUTION_REFERENCE.md

Details

From the project README

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.
  • When the dashboard should trigger an action (approve, refresh, submit), add a write-back button that runs a Flight; see motherduck-create-dive.
  • Viewers can ask follow-up questions through the Dive's AI Chat, so name sections and metrics in business terms.

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 writing Dive code and before every 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

Comments

Markdown supported