dashboard-patterns

Apply layout and data presentation patterns to dashboard designs.

5|2|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/NOMARJ/sigil --skill dashboard-patterns-nomarj
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dashboard-patterns
Source: https://github.com/NOMARJ/sigil/tree/main/packs/data/skills/data-engineering/dashboard-patterns
Command: npx skills add https://github.com/NOMARJ/sigil --skill dashboard-patterns-nomarj

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Dashboards are often cluttered and hard to interpret; this Skill provides layout and data presentation patterns to communicate data clearly and efficiently.

Core Features & Use Cases

  • Scan Path Patterns: Z and F patterns to optimize reading flow for executive and analytical dashboards.
  • Layout Principles: 60/40 split, golden ratio grid, and card hierarchy to balance emphasis and clarity.
  • Grouping & Density: Proximity rules, contextual clusters, and density guidance for scalable dashboards.
  • KPI & Chart Guidance: Rules for KPI design, chart selection, and data table presentation to ensure readability.
  • Usage Scenarios: Use when designing dashboards, analytics views, KPI dashboards, or reporting UIs.

Quick Start

Provide a structured dashboard layout using the described patterns to efficiently present key metrics.

Frequently Asked Questions about dashboard-patterns

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

FAQPage Schema
How do I design a dashboard layout for clear data visualization?

Optimize dashboard reading flow by applying Z and F scan path patterns, structuring layouts with golden ratio grids or 60/40 splits, and establishing card hierarchy to balance visual emphasis and clarity.

What is the best way to design KPIs for a reporting UI?

The best way to design KPIs for reporting UIs is to follow structured chart selection rules and data table presentation guidance, using proximity grouping and density control to maintain readability.

How do I structure an executive dashboard layout?

Structure an executive dashboard layout by leveraging Z and F scan path patterns to optimize reading flow, applying golden ratio grids, and using card hierarchy to prioritize key metrics efficiently.

Can I use these layout patterns for data-heavy analytical dashboards?

Yes, these layout patterns are applicable to data-heavy analytical dashboards, providing density guidance, contextual clusters, and proximity rules that scale effectively while maintaining clear data visualization.

What are the limitations of using standard dashboard layout patterns?

Standard dashboard layout patterns require careful density management; without applying proximity rules and contextual clusters, data-heavy reporting scenarios risk becoming cluttered and difficult to interpret.

Why does my dashboard layout look cluttered and hard to interpret?

Your dashboard layout looks cluttered because it lacks structured grouping and density management; applying proximity rules, contextual clusters, and 60/40 split grid principles restores clear visual hierarchy.