form-debugger

Audit web forms for validation, labeling, autocomplete, and ARIA compliance.

1|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/anouar1991/binaryPetsClaude --skill form-debugger
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: form-debugger
Source: https://github.com/anouar1991/binaryPetsClaude/tree/main/plugins/playwright-toolkit/skills/form-debugger
Command: npx skills add https://github.com/anouar1991/binaryPetsClaude --skill form-debugger

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Organizations struggle to ensure every web form is accessible, properly labeled, and secure across pages; manual audits are slow and error-prone.

Core Features & Use Cases

  • HTML5 validation and label/input association checks across forms on a page
  • Autocomplete coverage and ARIA-compliance analysis for custom controls
  • Safe submission interception and data flow inspection without submitting

Quick Start

Analyze a page URL and return a concise form-audit report.

Frequently Asked Questions about form-debugger

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

FAQPage Schema
How do I audit web forms for accessibility and validation issues automatically?

To audit web forms automatically, you need a tool that checks HTML5 validation, label associations, and ARIA compliance across all pages. This process enumerates forms, evaluates inputs, and generates actionable reports using Playwright DOM queries.

Can I check ARIA compliance and autocomplete coverage for custom controls without submitting the form?

Yes, you can check ARIA compliance and autocomplete coverage for custom controls without submitting the form. Safe submission interception evaluates inputs and inspects data flows securely without triggering actual server requests.

Does Playwright work for auditing forms on single page applications?

Playwright works effectively for auditing forms on single page applications and multi-page apps. It uses DOM queries and the Playwright MCP server to enumerate forms, evaluate inputs, and intercept submissions across dynamic page updates.

What is the best way to automate end-to-end form security checks across multiple pages?

The best way to automate end-to-end form security checks across multiple pages is using an automated audit tool that surfaces validation, labeling, and autocomplete issues. It intercepts submissions and inspects data flows to generate comprehensive reports.

How do I generate an actionable report for form labeling and input association issues?

To generate an actionable report for form labeling and input association issues, run an automated audit that evaluates HTML5 validation and label connections. The audit outputs a concise report detailing compliance gaps and necessary fixes.

Why does my automated form audit fail to evaluate custom controls properly?

An automated form audit may fail to evaluate custom controls if they lack proper ARIA attributes. The audit relies on DOM queries to analyze ARIA compliance, so custom controls must implement accessible roles and properties to be recognized.