form-design
CommunityBuild user-friendly forms that convert.
Authoroborchers
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you design and review forms that are intuitive, efficient, and minimize user errors, leading to higher completion rates and better user experiences.
Core Features & Use Cases
- Validation Strategy: Implements "reward early, punish late" validation for immediate feedback and reduced frustration.
- Save Patterns: Guides on when to use auto-save versus explicit save buttons, and how to handle them correctly.
- Error Messaging: Ensures error messages are clear, actionable, and placed contextually.
- Wizard Design: Provides best practices for multi-step forms to guide users through complex processes.
- Use Case: Reviewing a new user registration form to ensure validation messages appear only after a field is left, and that error messages clearly state how to correct the input.
Quick Start
Review the current form design using the principles of reward early, punish late validation.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: form-design Download link: https://github.com/oborchers/fractional-cto/archive/main.zip#form-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.