building-forms
✓构建表单组件和数据收集界面，包括联系表单、注册流程、结账流程、调查和设置页面。包括 50 多种输入类型、验证策略、可访问性模式 (WCAG 2.1)、多步骤向导和 UX 最佳实践。提供从数据类型到组件选择、验证计时指导和错误处理模式的决策树。在创建表单、收集用户输入、构建调查、实施验证、设计多步骤工作流程或确保表单可访问性时使用。
SKILL.md
Build accessible, user-friendly forms with systematic component selection, validation strategies, and UX best practices.
Forms are the primary mechanism for user data input in web applications. This skill provides systematic guidance for:
The Golden Rule: Data Type → Input Component → Validation Pattern
构建表单组件和数据收集界面，包括联系表单、注册流程、结账流程、调查和设置页面。包括 50 多种输入类型、验证策略、可访问性模式 (WCAG 2.1)、多步骤向导和 UX 最佳实践。提供从数据类型到组件选择、验证计时指导和错误处理模式的决策树。在创建表单、收集用户输入、构建调查、实施验证、设计多步骤工作流程或确保表单可访问性时使用。 来源：ancoleman/ai-design-components。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 building-forms？
构建表单组件和数据收集界面，包括联系表单、注册流程、结账流程、调查和设置页面。包括 50 多种输入类型、验证策略、可访问性模式 (WCAG 2.1)、多步骤向导和 UX 最佳实践。提供从数据类型到组件选择、验证计时指导和错误处理模式的决策树。在创建表单、收集用户输入、构建调查、实施验证、设计多步骤工作流程或确保表单可访问性时使用。 来源：ancoleman/ai-design-components。
如何安装 building-forms？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/ancoleman/ai-design-components
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01