Forms Router
- **Secure Auth Forms**: Any framework + `security` + `validation`
Resources
2Install
npx skillscat add bbeierle12/skill-mcp-claude/skills-forms Install via the SkillsCat registry.
SKILL.md
Forms Router
Routes to 7 specialized sub-skills for comprehensive form development.
Sub-Skills
| Sub-Skill | Use When |
|---|---|
| accessibility | WCAG compliance, ARIA labels, screen reader support |
| validation | Schema validation with Zod, error handling, async validation |
| security | CSRF protection, XSS prevention, secure password handling |
| react | React Hook Form, TanStack Form, controlled/uncontrolled inputs |
| vue | VeeValidate, Vuelidate, Vue form composition |
| vanilla | Plain JavaScript forms, no framework dependencies |
| ux-patterns | Multi-step wizards, conditional fields, progressive disclosure |
Quick Decision Tree
What framework?
- React → Load
reactsub-skill - Vue → Load
vuesub-skill - None → Load
vanillasub-skill
- React → Load
What concerns?
- Complex validation → Load
validationsub-skill - Accessibility requirements → Load
accessibilitysub-skill - Security-sensitive data → Load
securitysub-skill - Multi-step flows → Load
ux-patternssub-skill
- Complex validation → Load
Common Combinations
- React + Validation:
react+validationfor full-featured React forms - Accessible Forms: Any framework +
accessibilityfor WCAG compliance - Secure Auth Forms: Any framework +
security+validation
Categories
Install
npx skillscat add bbeierle12/skill-mcp-claude/skills-forms Install via the SkillsCat registry.