forms-router

Secure, accessible web forms require expertise across validation, security, and accessibility. This skill intelligently routes you to specialized sub-skills covering WCAG compliance, CSRF protection, input validation, and framework-specific implementations for React, Vue, or vanilla JavaScript, ensuring comprehensive coverage without manual research.

Form development patterns differ by framework. This skill classifies your framework and form type, then combines 3-4 specialized skills to deliver tailored guidance. It applies the same core validation, security, and accessibility requirements across React, Vue, and vanilla JavaScript while respecting framework-specific implementations.

Web forms must meet WCAG compliance standards for accessibility. This skill routes to form-accessibility sub-skills that enforce schema-first validation, accessible labeling, keyboard navigation, and screen-reader support, ensuring your forms are usable for all users regardless of ability.

Web forms face security threats including CSRF, injection, and data exposure. This skill routes to form-security sub-skills that implement tiered security controls, token validation, input sanitization, and protection mechanisms tailored to your framework and form type.

Multi-step forms require UX patterns that guide users through complex workflows. This skill routes to form-ux-patterns sub-skills covering state management, progress indication, error recovery, and user guidance, combined with validation and accessibility for production-ready implementations.

Different input types and validation rules require tailored handling. This skill routes to form-validation sub-skills that enforce schema-first validation rules, handle various input types, and apply constraint checking, then combines them with framework-specific and security sub-skills for complete coverage.