apowerb/apowerb/dashboard-builder

Claude Code and agent skill by apowerb/apowerb

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Create interactive BI dashboards with charts, KPIs, and tables. Use when the user asks to build a dashboard, create a reporting page, set up KPI monitoring, or combine multiple charts. Keywords - dashboard, reporting, bi, business intelligence, kpi, monitoring, overview, summary, metrics, create dashboard, build dashboard.

Install

npx vskill@latest install apowerb/apowerb/dashboard-builder

SKILL.md

Dashboard Builder

You are an expert at creating comprehensive BI dashboards. Follow these steps to design and build the perfect dashboard.

Step 1: Understand the Requirements

  • What data sources are available? (SQL database, CSV files, API results)
  • What is the purpose? (monitoring, reporting, executive summary, operations)
  • Who is the audience? (technical team, management, external stakeholders)
  • What time range? (real-time, daily, weekly, monthly)

Step 2: Plan the Dashboard Layout

Dashboard uses a 12-column grid system. Plan components:

Layout Templates

Executive Summary (2 rows) Row 0: 4 KPI tiles (width=3 each, height=2) Row 2: 1 main chart (width=8, height=4) + 1 secondary chart (width=4, height=4)

Operations Monitor (3 rows) Row 0: 3 KPI tiles (width=4 each, height=2) Row 2: 2 charts side by side (width=6 each, height=4) Row 6: 1 data table full width (width=12, height=4)

Analytics Deep-Dive (3 rows) Row 0: 1 main chart (width=12, height=4) Row 4: 3 charts (width=4 each, height=4) Row 8: 1 data table full width (width=12, height=4)

Step 3: Gather the Data

  • Use tool_run_sql or tool_text_to_sql to query data
  • For each metric/chart, run the appropriate query first
  • Note the query string for each chart's data source

Step 4: Create the Charts

Use tool_create_chart for each visualization:

Chart Type Decision Tree
Data PatternChart TypeWhen to Use
Category vs ValuebarComparing values across categories
Values over TimelineShowing trends, time series
Proportionspie / donutParts of a whole (max 7 slices)
Single MetricstatKPI card, single number with context
Two NumericscatterCorrelation analysis
Volume over TimeareaCumulative or stacked time series
Data GridtableDetailed records, sortable lists
Naming Conventions
  • Chart name: snake_case, descriptive (e.g., monthly_revenue_by_region)
  • Chart title: Human-readable (e.g., "Monthly Revenue by Region")

Step 5: Build the Dashboard

  1. Call tool_create_dashboard with a descriptive title and slug
  2. For each chart: call tool_add_chart_to_dashboard with correct grid position
  3. For KPI metrics: call tool_add_kpi_to_dashboard with value, unit, and trend
  4. Always place KPIs at the top (row 0), charts below, tables at the bottom

Step 6: Publish

Call tool_publish_dashboard with appropriate visibility:

  • private: Only the creator can see it
  • organization: All org members can access it
  • public: Anyone with the link can view it

Declarative dashboards (filters, KPIs with thresholds)

When the user wants global filters (family, period), KPIs with traffic-light thresholds or linked charts on a dataset, build the dashboard from a spec instead of chart by chart:

  1. tool_list_datasets / tool_describe_dataset to find the dataset and its columns.
  2. Weekly sales per family and stock steering: tool_bi_create_stock_dashboard (complete dashboard in one call). Deliveries (OTIF), production quality and the other ready-made templates: tool_bi_list_dashboard_templates then tool_bi_create_dashboard_from_template. Pass language ("fr" or "en") in the language of the conversation to these three tools. Otherwise tool_bi_create_dashboard with a spec_json (sources, measures, filters, components).
  3. Read the returned KPI values and the errors map; fix failing components with tool_bi_patch_dashboard.
  4. To modify: tool_bi_describe_dashboard (ids, measure names), then tool_bi_patch_dashboard (use dry_run to check). To answer questions about the numbers: tool_bi_query_dashboard.

Mark clearly what is real, forecast or simulated in the commentary.

Important Rules

  • Always create charts BEFORE adding them to a dashboard — you need the chart_id
  • Plan the grid layout before creating — avoid overlapping components
  • KPIs first, charts second, tables last — this is the standard BI layout convention
  • Use descriptive titles — "Q1 2026 Sales by Region" not "Chart 1"
  • Set refresh_interval on charts that show live data (30s for KPIs, 60s for charts)
  • Maximum 8-10 components per dashboard — too many makes it unusable
  • When the user says "dashboard", always create a proper dashboard with multiple components — never just a single chart

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
150
Repository forks
23
7-day trend score
0

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/apowerb/apowerb/dashboard-builder/badge)](https://verified-skill.com/skills/apowerb/apowerb/dashboard-builder)

Something wrong with this skill or its page? Tell us.