·form-ux-patterns
*

form-ux-patterns

bbeierle12/skill-mcp-claude

マルチステップ ウィザード、コグニティブ チャンキング (最大 5 ~ 7 フィールド)、プログレッシブ開示、条件付きフィールドなど、複雑なフォームの UX パターン。チェックアウト フロー、オンボーディング ウィザード、または多くのフィールドを含むフォームを構築するときに使用します。

21インストール·0トレンド·@bbeierle12

インストール

$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.

マルチステップ ウィザード、コグニティブ チャンキング (最大 5 ~ 7 フィールド)、プログレッシブ開示、条件付きフィールドなど、複雑なフォームの UX パターン。チェックアウト フロー、オンボーディング ウィザード、または多くのフィールドを含むフォームを構築するときに使用します。 ソース: bbeierle12/skill-mcp-claude。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-ux-patterns
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

form-ux-patterns とは?

マルチステップ ウィザード、コグニティブ チャンキング (最大 5 ~ 7 フィールド)、プログレッシブ開示、条件付きフィールドなど、複雑なフォームの UX パターン。チェックアウト フロー、オンボーディング ウィザード、または多くのフィールドを含むフォームを構築するときに使用します。 ソース: bbeierle12/skill-mcp-claude。

form-ux-patterns のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-ux-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/bbeierle12/skill-mcp-claude