Skills
.Work. You
Rest

validate-dashboard

Community

Validate dashboard updates with visual checks.

Software Engineering#playwright#visual testing#ci testing#dashboard validation#html verification#eval dashboard#javascript error detection
Authortmalcolm-0607
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manually verifying dashboard HTML changes for broken layouts, JavaScript errors, and missing data sections is time-consuming and prone to human error, especially when iterating quickly on dashboard updates.

Core Features & Use Cases

  • Automated File Checks: Validates HTML structure, syntax, and file readability without requiring a browser.
  • Visual Verification: Uses Playwright to open dashboards in a browser, capture screenshots, and detect layout issues.
  • Error Detection: Scans browser console for JavaScript errors and verifies all expected data sections render correctly.
  • Use Case: A developer updating an eval dashboard after a schema change can run this skill to catch broken queries, missing tiles, or layout regressions before committing code.

Quick Start

Invoke the validate-dashboard skill to automatically verify all dashboard HTML files for structural validity, visual correctness, and complete data rendering after you make changes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: validate-dashboard
Download link: https://github.com/tmalcolm-0607/mad-council-claw/archive/main.zip#validate-dashboard

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.