·form-ux-patterns
*

form-ux-patterns

bbeierle12/skill-mcp-claude

UX patterns for complex forms including multi-step wizards, cognitive chunking (5-7 fields max), progressive disclosure, and conditional fields. Use when building checkout flows, onboarding wizards, or forms with many fields.

21Installs·0Trend·@bbeierle12

Installation

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-ux-patterns

SKILL.md

Patterns for complex forms based on cognitive load research and aviation UX principles.

"Humans can hold 5-7 items in working memory" — Miller's Law

Instructions should be separate from labels, given before the task.

UX patterns for complex forms including multi-step wizards, cognitive chunking (5-7 fields max), progressive disclosure, and conditional fields. Use when building checkout flows, onboarding wizards, or forms with many fields. Source: bbeierle12/skill-mcp-claude.

View raw

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-ux-patterns
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is form-ux-patterns?

UX patterns for complex forms including multi-step wizards, cognitive chunking (5-7 fields max), progressive disclosure, and conditional fields. Use when building checkout flows, onboarding wizards, or forms with many fields. Source: bbeierle12/skill-mcp-claude.

How do I install form-ux-patterns?

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-ux-patterns 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