What is a PortletConfig in this skill?

A PortletConfig is a configuration object that defines a specific widget's identifier, display title, grid position (x, y, w, h), and analysis settings within a dashboard.

How do dashboard filters work?

Filters are defined at the dashboard level and can be selectively mapped to specific portlets using the dashboardFilterMapping array to ensure data consistency across the view.

Can I use different layout modes?

Yes, the skill supports both 'grid' layout (a standard 12-column system) and 'rows' layout strategies to suit different design requirements.

What is the recommended way to configure charts?

It is recommended to use the analysisConfig field, which provides a unified structure for versioning, analysis types, active views, and specific chart display settings.

Does it support performance optimization for many charts?

Yes, the system defaults to lazy loading portlets as they scroll into view, though you can use the eagerLoad property to prioritize specific critical widgets.

Drizzle Cube Dashboard Configurator

Name: Drizzle Cube Dashboard Configurator
Author: cliftonc

bycliftonc

0•

分析与监控

Generates and configures interactive analytics dashboards with flexible grid layouts and data-driven portlets for Drizzle Cube applications.

The dc-dashboard-config skill streamlines the creation of sophisticated business intelligence dashboards by providing structured guidance on DashboardConfig and PortletConfig implementations. It enables developers to quickly define complex layouts, map universal filters, and configure a wide array of visualization types including KPI deltas, funnel charts, and time-series graphs. By leveraging the latest analysisConfig patterns, this skill ensures consistent data presentation, optimized performance through lazy loading, and seamless integration with Drizzle Cube enabled applications.

主要功能

010 GitHub stars

02Flexible 12-column grid and row-based layout management

03Integrated color palette and display theme management

04Performance-optimized lazy loading and eager loading configurations

05Support for diverse visualizations including KPI, bar, line, funnel, and table charts

06Dashboard-level filter mapping for universal data scoping

使用场景

01Building executive-level KPI dashboards with real-time performance metrics

02Creating detailed sales funnel visualizations and revenue trend reports

03Designing interactive data tables with custom filtering and sorting for end-users

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cliftonc/drizzle-cube-plugin dc-dashboard-config

For use in Claude.ai and ChatGPT

Download Skill