FRmicrow/form-validation
.claude/skills/frontend/form-validation/SKILL.md
Valider les formulaires React côté client. Utiliser quand on crée un formulaire avec retour d'erreur utilisateur.
tools
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add FRmicrow/dataFootV1 form-validationInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 2:01 AM4.4s1 file scanned
SKILL.md
- name:
- form-validation
- description:
- Valider les formulaires React côté client. Utiliser quand on crée un formulaire avec retour d'erreur utilisateur.
- risk:
- safe
When to use
Activez cette compétence pour toutes les vues collectant des entrées utilisateur afin de garantir la cohérence et la validité des données envoyées au backend.
Instructions
- Spécifiez les règles de validation pour chaque champ (format, longueur, exigences de correspondance).
- Implémentez la validation avec une bibliothèque comme Yup ou Zod associée à un gestionnaire de formulaire (Formik, React Hook Form).
- Affichez des messages d’erreur près des champs correspondants et empêchez la soumission tant que le formulaire n’est pas valide.
- Nettoyez et normalisez les entrées (trim des espaces, uniformisation de la casse) avant de les envoyer.
- Testez votre formulaire pour s’assurer que les validations ne gênent pas l’expérience utilisateur (messages clairs et pas trop intrusifs).
Example
Dans un formulaire d’inscription : validez l’adresse e‑mail avec une regex, vérifiez la concordance des mots de passe, et assurez-vous que l’utilisateur coche la case d’acceptation des CGU.
Limitations
Le contrôle client ne dispense pas de la validation serveur. Les règles complexes ou les vérifications auprès de bases de données doivent être effectuées côté backend.
Related Skills
FRmicrow/unit-testing-node
development
VerifiedTrustedCommunity
Écrire des tests unitaires Node.js. Utiliser quand on teste une fonction isolée avec Vitest dans backend/test/.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/integration-testing
testing
VerifiedTrustedCommunity
Tester l'intégration entre services. Utiliser quand on vérifie l'interaction contrôleur/service avec Supertest + Vitest.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/frontend-testing-react
development
VerifiedTrustedCommunity
Tester les composants React avec Vitest + Testing Library. Utiliser quand on teste le rendu ou les interactions.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/e2e-testing-playwright
testing
VerifiedTrustedCommunity
Écrire des tests end-to-end Playwright. Utiliser quand on teste l'application complète du point de vue utilisateur.
SKILL.mdUpdated Apr 16, 2026