form-ux-patterns

Community

UX patterns for complex forms.

AuthorBbeierle12
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides UX patterns for complex forms, including multi-step wizards, progressive disclosure, and conditional fields to improve user focus and reduce cognitive load.

Core Features & Use Cases

  • Multi-step patterns: Break long forms into digestible chunks.
  • Progressive disclosure: Reveal fields as needed based on user input.
  • Use Case: Checkout flow with step-based progression and conditional shipping options.

Quick Start

Implement a multi-step form with a step indicator, separate steps, and a navigation flow.

Dependency Matrix

Required Modules

typescriptreact

Components

scriptsreferences

💻 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-ux-patterns
Download link: https://github.com/Bbeierle12/Skill-MCP-Claude/archive/main.zip#form-ux-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository