·form-ux-patterns
*

form-ux-patterns

bbeierle12/skill-mcp-claude

适用于复杂表单的用户体验模式,包括多步骤向导、认知分块(最多 5-7 个字段)、渐进式披露和条件字段。在构建结帐流程、入职向导或具有多个字段的表单时使用。

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 个字段)、渐进式披露和条件字段。在构建结帐流程、入职向导或具有多个字段的表单时使用。 来源: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 个字段)、渐进式披露和条件字段。在构建结帐流程、入职向导或具有多个字段的表单时使用。 来源: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 中使用

这个 Skill 的源码在哪?

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