skills.rest
tmalcolm-0607
tmalcolm-0607COMMUNITY
Explore all skills by this author →
WebsiteGitHub

validate-dashboard

Validates dashboard HTML files for structure, layout, and data rendering.

Updated May 7, 2026
Search Tags:#playwright#visual testing#ci testing#dashboard validation#html verification#eval dashboard#javascript error detection
One-click install
npx skills add https://github.com/tmalcolm-0607/mad-council-claw --skill validate-dashboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: validate-dashboard
Source: https://github.com/tmalcolm-0607/mad-council-claw/tree/main/.claude/skills/validate-dashboard
Command: npx skills add https://github.com/tmalcolm-0607/mad-council-claw --skill validate-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about validate-dashboard

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

FAQPage Schema
How do I validate dashboard HTML files for layout regressions and JavaScript errors?▼

You can validate dashboard HTML files for layout regressions and JavaScript errors by using a skill that checks structural integrity and uses Playwright to capture browser screenshots and scan the console.

Can I run visual testing for eval dashboards in a CI/CD pipeline?▼

Yes, you can run visual testing for eval dashboards in a CI/CD pipeline. The validation process supports headless mode for browser-based visual verification.

Do I need Playwright to verify dashboard updates and detect missing data sections?▼

Yes, you need the Playwright MCP server configured to perform browser-based visual verification and detect missing data sections.

What is the best way to catch broken HTML and missing tiles after dashboard schema changes?▼

The best way to catch broken HTML and missing tiles after schema changes is automated dashboard validation. It verifies file readability, scans for JavaScript console errors, and confirms all expected data sections render correctly.

Why does my dashboard show missing data sections after code changes?▼

Your dashboard shows missing data sections after code changes likely due to broken queries or JavaScript console errors. Running an automated validation check verifies that all expected data sections render correctly.

Are there limitations to HTML verification without a browser for dashboard updates?▼

HTML verification without a browser is limited to checking structural integrity, syntax, and file readability. It cannot detect visual layout issues or JavaScript console errors.

Related Skills

Explore More Software Engineering Skills→
smriksmrik
1

local-dashboard-playwright

Automate Streamlit dashboard UI validation and snapshot testing with Playwright.

Community
Intermediate
sobhanashinesobhanashine
1

land-and-deploy

Automate code merge, CI/CD pipeline, and production health verification workflows.

Community
Intermediate
uphiagouphiago
1.1k

visual-recon

Automates bulk screenshot capture of live subdomains for visual triage.

Community
Intermediate
Project-X-VietnamProject-X-Vietnam
1

web-test

Execute browser-based QA tests with Playwright MCP across multiple viewport sizes.

Official
Intermediate