Does this skill actually submit my form data to the server?

No, the skill installs a submission interceptor that prevents the default action, allowing you to inspect the data payload and behavior without triggering a real network request.

Can it audit custom components like Radix or Headless UI?

Yes, it includes a specific workflow to audit custom ARIA controls and non-native elements acting as inputs for accessibility compliance.

How does it help with password security?

It checks for current-password/new-password autocomplete values, existence of visibility toggles, strength indicators, and ensures the form target uses HTTPS.

What are the prerequisites for using this skill?

You need the Playwright MCP server connected to Claude Code with all standard browser tools available.

Form Debugger & Auditor

Name: Form Debugger & Auditor
Author: anouar1991

byanouar1991

•

セキュリティとテスト

Audits web forms for accessibility, validation, security, and autocomplete compatibility using Playwright automation.

The Form Debugger skill provides a comprehensive suite of tools to analyze and optimize web forms within any web application. It automates the detection of accessibility issues like missing labels, evaluates HTML5 validation states, and identifies missing autocomplete attributes to improve browser autofill UX. Additionally, it performs security checks on password fields and intercepts submission behavior to debug data handling without triggering actual server-side side effects. This skill is essential for developers and QA engineers looking to ensure their forms are robust, accessible, and secure.

主な機能

01Password field security analysis including HTTPS and visibility checks

02Form submission interception to inspect data payloads safely

03Detailed HTML5 validation and constraint mismatch auditing

041 GitHub stars

05Accessibility and ARIA compliance checks for custom form controls

06Autocomplete attribute coverage and smart recommendation engine

ユースケース

01Debugging complex form validation logic and mismatched regex patterns

02Performing pre-launch accessibility audits to ensure WCAG compliance for inputs

03Optimizing mobile user experience by verifying browser autofill compatibility

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anouar1991/binarypetsclaude form-debugger

For use in Claude.ai and ChatGPT

Download Skill