form_builder
✓构建表单组件和数据收集界面,包括联系表单、注册流程、结账流程、调查和设置页面。包括 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 最佳实践。提供从数据类型到组件选择、验证计时指导和错误处理模式的决策树。在创建表单、收集用户输入、构建调查、实施验证、设计多步骤工作流程或确保表单可访问性时使用。 来源:vuralserhat86/antigravity-agentic-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/vuralserhat86/antigravity-agentic-skills --skill form_builder- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 form_builder?
构建表单组件和数据收集界面,包括联系表单、注册流程、结账流程、调查和设置页面。包括 50 多种输入类型、验证策略、可访问性模式 (WCAG 2.1)、多步骤向导和 UX 最佳实践。提供从数据类型到组件选择、验证计时指导和错误处理模式的决策树。在创建表单、收集用户输入、构建调查、实施验证、设计多步骤工作流程或确保表单可访问性时使用。 来源:vuralserhat86/antigravity-agentic-skills。
如何安装 form_builder?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/vuralserhat86/antigravity-agentic-skills --skill form_builder 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/vuralserhat86/antigravity-agentic-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01