form-design

Community

Build 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.