Create accessible HTML web forms with ARIA and server-side handling.
npx skills add https://github.com/hdicko/leidimen --skill create-web-form-hdicko
Please help me install this Agent Skill. Skill: create-web-form Source: https://github.com/hdicko/leidimen/tree/main/.github/skills/create-web-form Command: npx skills add https://github.com/hdicko/leidimen --skill create-web-form-hdicko
Many web projects need forms that are not only functional but also accessible, secure, and properly validated from the browser to the server. This Skill consolidates best practices and reference material so developers can avoid common pitfalls (accessibility oversights, validation gaps, insecure data handling) and deliver reliable forms quickly.
Create a responsive contact form with name, email, and message fields that includes ARIA labels, client-side validation, and a PHP or Python endpoint to accept POST submissions.
High-intent search queries and answers about installing and using this skill.
Accessible web forms require semantic HTML elements like fieldsets, legends, and labels combined with ARIA roles to ensure screen-reader friendliness. This Skill provides reference patterns for structuring forms, applying CSS focus styling for keyboard users, and implementing responsive layouts using Flexbox or Grid.
Client-side form validation uses JavaScript techniques like progressive enhancement and live error messages to validate input before submission. This approach provides immediate user feedback and graceful degradation, ensuring robust interactivity without relying solely on server-side checks.
Secure web form submissions involve sending data over HTTPS and processing it through PHP or Python/Flask backends. This Skill outlines secure patterns including input sanitization, prepared statements for MySQL integration, and proper JSON handling to prevent insecure data processing.
Yes, you can create file upload forms that process and persist data directly to a MySQL database. This Skill covers end-to-end handling, providing examples for secure server-side processing in Python or PHP, file uploads, and database integration using prepared statements.
Yes, this approach supports building multi-section forms using JavaScript progressive enhancement and graceful degradation. It applies ARIA accessibility roles and semantic HTML structure to ensure complex, interactive forms remain functional and accessible across different user environments.
HTML forms fail accessibility checks due to missing semantic labels, inadequate ARIA roles, and validation gaps that lack live error messages. This Skill consolidates best practices to fix these pitfalls by guiding ARIA-compliant feedback, keyboard focus styling, and robust JavaScript validation.
marcosgomeseburyValidate MySQL database connectivity using environment-provided credentials.
Rachit246-artImplement Astro server-side API routes that return HTTP responses.
ancolemanDesign responsive layouts with CSS Grid, Flexbox, and breakpoints.
1thirteeng3Deploy ML workloads to Modal's serverless GPU cloud with auto-scaling.
