HTML Visual Verify

Validation, testing, and auto-fix pipeline for local HTML.

Trigger

/skill html-visual-verify — invoke with file path and options

Input Schema

interface Input {
  filePath: string;             // HTML file path
  fix?: boolean;                // auto-fix contrast (default: false)
  screenshot?: boolean;         // capture screenshot only (default: false)
  test?: boolean;               // run Playwright tests (default: false)
}

Output Schema

interface Output {
  status: "success" | "error" | "warning";
  passed: boolean;
  validation: {
    tagBalance: boolean;
    embeddedJson: boolean;
    jsSyntax: boolean;
    wcagContrast: boolean;
    errors: string[];
    warnings: string[];
  };
  testing?: {
    consoleErrors: string[];
    cardCountMatch: boolean;
    screenshotPath?: string;
  };
  fixed?: string[];
  timestamp: string;
}

---

Full reference: See Skill Operator Guide.

For API reference and integration workflow: See docs/USAGE.md.