form-validation
✓Schema-first validation with Zod, timing patterns (reward early, punish late), async validation, and error message design. Use when implementing form validation for any framework. The foundation skill that all framework-specific skills depend on.
Installation
SKILL.md
Schema-first validation using Zod as the single source of truth for both runtime validation and TypeScript types.
This is the optimal validation timing pattern backed by UX research:
| Event | Show Valid (✓) | Show Invalid (✗) | Why |
Schema-first validation with Zod, timing patterns (reward early, punish late), async validation, and error message design. Use when implementing form validation for any framework. The foundation skill that all framework-specific skills depend on. Source: bbeierle12/skill-mcp-claude.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-validation- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is form-validation?
Schema-first validation with Zod, timing patterns (reward early, punish late), async validation, and error message design. Use when implementing form validation for any framework. The foundation skill that all framework-specific skills depend on. Source: bbeierle12/skill-mcp-claude.
How do I install form-validation?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-validation Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/bbeierle12/skill-mcp-claude
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01