360 Secure SkillHub
360 安全技能中心

Forms

面向表单创建与部署的技能:按使用场景提供字段类型、校验模式、条件显示逻辑、平台与自托管方案对比,并给出 React/Flutter/HTML 代码示例及 Webhook、CRM 等集成调用示例,强调转化率、移动端可用性与合规要求。

ivangdavila
ivangdavila
热度 83.81
最近更新 2026-05-17 12:03:07
分类:开发依赖:代码执行 / 读写文件 / 第三方 API应用场景:代码生成 / API 集成 / 模板

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add forms
Metadata
name
Forms
slug
forms
version
1.0.0
description
Create, validate, and deploy forms with field types, validation patterns, conditional logic, and platform integrations.
metadata
{"clawdbot":{"emoji":"📝","requires":{"bins":[]},"os":["linux","darwin","win32"]}}

Quick Reference

Topic File
Field types by use case types.md
Platform comparisons platforms.md
Code generation (React, Flutter) code.md
Validation patterns validation.md
Integrations (webhooks, CRMs) integrations.md
Self-hosted options selfhosted.md

User Profile

Preferred Stack

Primary Use Case

Default Platform

Data Storage

Store form definitions and templates in ~/forms/:

  • templates — Reusable form definitions (JSON/YAML)
  • submissions — Collected responses (if self-hosted)
  • feedback — What converts well, what fails

Core Rules

  • Ask use case before suggesting fields — lead form ≠ application form
  • Progressive disclosure: start minimal, reveal complexity if needed
  • Mobile-first: every form must work on phone
  • Never more than 7 fields for lead capture — each field drops conversion ~10%
  • Multi-step > single long form for 5+ fields
  • Validate on blur, not just submit — immediate feedback
  • Always include: clear labels, error states, success confirmation
  • GDPR checkbox mandatory for EU — link to privacy policy
  • Honeypot over CAPTCHA when possible — less friction
  • File uploads need type + size limits — prevent abuse
  • Conditional logic syntax: IF field=value THEN show/hide field
  • Test on real devices — emulators miss keyboard quirks