skills.rest
BLSQ
BLSQOFFICIAL
Explore all skills by this author →
WebsiteGitHub

dashboard-builder

Orchestrate branded HTML dashboards with GridStack, ECharts, and Tailwind in OpenHexa.

Updated Jan 20, 2026
Search Tags:#branding#dashboard#visualization#ECharts#OpenHexa#GridStack
One-click install
npx skills add https://github.com/BLSQ/mcp_servers --skill dashboard-builder-blsq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-builder
Source: https://github.com/BLSQ/mcp_servers/tree/main/.claude/skills/dashboard-builder
Command: npx skills add https://github.com/BLSQ/mcp_servers --skill dashboard-builder-blsq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines the creation of comprehensive, branded dashboards by coordinating data sources, visual components, and layout rules in OpenHexa.

Core Features & Use Cases

  • Workflow orchestration: Coordinates branding guidelines, technical stack, data querying, and map visuals to produce ready-to-share dashboards.
  • Flexible composition: Supports HTML dashboards with GridStack layouts, ECharts visualizations, and Tailwind styling.
  • Use Case: Build a sales dashboard showing quarterly metrics with maps for regional performance and branded styling across an OpenHexa workspace.

Quick Start

Request a branded dashboard by specifying data sources, metrics, and visuals. The skill will orchestrate branding, stack setup, data querying, and layout to generate the HTML dashboard.

Frequently Asked Questions about dashboard-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an interactive HTML dashboard with ECharts and GridStack?▼

To build an interactive HTML dashboard, this skill orchestrates ECharts visualizations and GridStack layouts to coordinate data querying and produce ready-to-share analytics reports.

What's the best way to create a branded analytics dashboard in OpenHexa?▼

Creating a branded analytics dashboard in OpenHexa is streamlined by coordinating branding guidelines, data source selection, and visualization components into a modular workflow with production-ready output.

Can I add regional maps to an ECharts dashboard using Tailwind styling?▼

Yes, you can add optional maps for regional performance to an ECharts dashboard while applying Tailwind styling to ensure the visual components match your branding guidelines.

Does the dashboard orchestration workflow support custom data querying?▼

The dashboard orchestration workflow supports custom data querying by coordinating data source selection and environment configuration to populate ECharts visualizations within your HTML layout.

What are the limitations of using GridStack for OpenHexa workspace dashboards?▼

Using GridStack for OpenHexa workspace dashboards requires a modular workflow and environment configuration, meaning complex analytics dashboards may need careful component coordination to avoid layout constraints.

Related Skills

Explore More Data & Analytics Skills→
girijashankarjgirijashankarj
28

setup-monitoring

Define metrics, thresholds, alerts, and dashboard panels for service monitoring.

Community
Intermediate
BLSQBLSQ

pipeline-builder

Create a minimal pipeline in the given format.

Official
Intermediate
Thanh-aperoThanh-apero
1

ui-styling

Build accessible user interfaces with shadcn/ui components and Tailwind CSS styling.

Community
Advanced
BLSQBLSQ

dashboard-technical-stack

Build interactive dashboards with GridStack, ECharts, and Tailwind CSS.

Official
Intermediate