skills.rest
dain-agency
dain-agencyOFFICIAL
Explore all skills by this author →
WebsiteGitHub

dashboard-audit

Audit web application dashboards for KPI accuracy and responsive compliance.

Updated Jan 10, 2026
Search Tags:#responsive design#ui audit#quick actions#kpi validation#dashboard audit#zero data safety#chart organisms
One-click install
npx skills add https://github.com/dain-agency/mood-tracker --skill dashboard-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-audit
Source: https://github.com/dain-agency/mood-tracker/tree/main/.claude/skills/dashboard-audit
Command: npx skills add https://github.com/dain-agency/mood-tracker --skill dashboard-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Dashboards often suffer from misleading KPIs, broken empty states, inaccessible quick actions, and inconsistent chart implementations that erode user trust and lead to incorrect business decisions. This Skill eliminates the guesswork from dashboard QA by providing a structured, repeatable audit checklist tailored to dashboard-specific UX and data integrity requirements.

Core Features & Use Cases

  • KPI Honesty Checks: Validates that every KPI label matches its underlying query, handles zero denominators correctly (no fake 100% rates), and avoids optimistic default values before data loads.
  • Zero-Data Fallback Validation: Ensures dashboards render helpful empty states instead of confusing zero values or broken charts when no data exists for a tenant.
  • Layout and Interaction Audits: Verifies quick actions are functional and keyboard-accessible, charts use approved organism components, and the dashboard reflows correctly across mobile, tablet, and desktop viewports.
  • Use Case: A frontend team can run this audit before launching a new customer analytics dashboard to catch issues like a "Conversion Rate" KPI that shows 100% when no visits have been recorded, or quick action buttons that are unclickable on mobile devices.

Quick Start

Invoke the dashboard-audit skill to run a full audit of your product's dashboard page and receive a prioritized list of required fixes before launch.

Frequently Asked Questions about dashboard-audit

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

FAQPage Schema
How do I audit dashboard KPIs for misleading metrics like fake 100% conversion rates?▼

To audit dashboard KPIs for misleading metrics, validate that every KPI label matches its underlying query and implement zero-denominator guardrails to prevent fake 100% rates when no data is recorded. This ensures accurate product analytics.

Why does my dashboard chart break when rendering zero-data states for an empty tenant?▼

Dashboard charts break on zero-data states because they lack proper fallback validation. You must enforce zero-data fallback rules to render helpful empty states instead of confusing zero values or broken charts when no tenant data exists.

What is the best way to ensure responsive grid compliance for a SaaS analytics dashboard?▼

The best way to ensure responsive grid compliance for a SaaS analytics dashboard is to run a layout audit that verifies the dashboard reflows correctly across mobile, tablet, and desktop viewports while using approved chart organism components.

How do I validate quick actions on a dashboard are keyboard-accessible and functional?▼

To validate quick actions on a dashboard, perform an interaction audit that verifies quick action buttons are fully functional and keyboard-accessible, ensuring they remain clickable and usable across all device viewports.

Can I use this dashboard audit process for SaaS products using the recharts component library?▼

Yes, you can use this dashboard audit process for SaaS products using the recharts component library. It enforces approved chart organism usage and validates UI/UX integrity for web application dashboard and overview pages.

When should I run a dashboard UI audit before launching a customer analytics interface?▼

You should run a dashboard UI audit before launching a customer analytics interface to catch issues like optimistic default values loading incorrectly, misleading KPI labels, and non-functional quick actions that degrade user trust.

Related Skills

Explore More Software Engineering Skills→
davekim917davekim917
1

analytics

Analyze dashboards, metrics, and BI artifacts for clarity and accuracy.

Community
Advanced
andronicsandronics
1

layout-builder

Generate production-ready CSS layouts with Flexbox and CSS Grid.

Community
Advanced
Luqman-Ud-DinLuqman-Ud-Din

qa-detect-ux-chart-render

Detect chart containers with axes or legends but no data marks.

Community
Advanced
kmshihab7878kmshihab7878
6

responsive-design

Provide mobile-first responsive layout patterns for React, Next.js, and Tailwind applications.

Community
Intermediate