skills.rest
vultuk
vultukCOMMUNITY
Explore all skills by this author →
GitHub

dashboard-designer

Design and implement dashboard UX and layout improvements using an embedded ruleset.

2|Updated Feb 23, 2026
Search Tags:#design#ui#data visualization#layout#dashboard#ux#kpi
One-click install
npx skills add https://github.com/vultuk/coding-agents --skill dashboard-designer-vultuk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-designer
Source: https://github.com/vultuk/coding-agents/tree/main/skills/dashboard-designer
Command: npx skills add https://github.com/vultuk/coding-agents --skill dashboard-designer-vultuk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating effective, user-friendly dashboards that clearly communicate key information and support decision-making, preventing data overload and improving user comprehension.

Core Features & Use Cases

  • UX and Layout Design: Improves dashboard user experience and visual hierarchy.
  • KPI Prioritization: Helps identify and surface the most critical Key Performance Indicators.
  • Chart Selection: Recommends appropriate chart types for different data visualizations.
  • Accessibility Audits: Ensures dashboards are usable by a wider audience.
  • Use Case: When asked to "add a new widget to the sales dashboard showing monthly revenue trends," this Skill will design the widget, select the best chart type (e.g., a line chart), determine its placement, and ensure it includes necessary context like comparison periods.

Quick Start

Use the dashboard-designer skill to add a new widget to /dashboard showing how many clients we currently have.

Frequently Asked Questions about dashboard-designer

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

FAQPage Schema
How do I choose the right chart type for a dashboard widget showing KPI trends?▼

To choose the right chart type for a dashboard widget, prioritize visual hierarchy and data characteristics. For example, use a line chart for monthly revenue trends to ensure the KPI clearly communicates necessary context like comparison periods.

What is the best way to organize a data-dense dashboard layout?▼

The best way to organize a data-dense dashboard layout is by applying strict KPI prioritization and visual hierarchy. Reorganize pages to surface critical metrics first, reducing data overload and improving user comprehension.

How do I design a dashboard widget that includes necessary context for decision making?▼

Designing a dashboard widget requires defining the intent, selecting an appropriate chart type, determining optimal placement, and validating that it includes necessary context like comparison periods to support effective decision making.

Can I improve dashboard accessibility for data-dense interfaces?▼

Yes, you can improve dashboard accessibility by auditing interfaces against defined principles. This ensures data visualizations remain usable by a wider audience while maintaining clear information communication.

Related Skills

Explore More Design & Creative Skills→
caobingshengcaobingsheng
1

kpi-dashboard-design

Design KPI dashboards with hierarchy, governance, and layout patterns.

Community
Advanced
noin-ainoin-ai

design

Generate UI design specs with responsive and dark mode variants.

Official
Intermediate
CellCogCellCog
6

dash-cog

Create interactive dashboards and data apps with CellCog.

Official
Advanced
sanky369sanky369
29

error-handling-recovery

Design error states and recovery flows for web and mobile interfaces.

Community
Basic