Fillo
面向开发者的无头表单基础设施服务,让编程智能体(Claude Code、Cursor
Fillo 是一个面向开发者的无头表单基础设施服务,让编程智能体(Claude Code、Cursor、Windsurf 等)能够直接将表单功能嵌入到 React、Next.js、Vue、Svelte、Astro 或原生浏览器应用中,同时处理验证、文件上传、响应管理、版本控制和 Webhook 投递等完整生命周期。 核心功能 原生渲染(非 iframe):表单控件直接渲染在宿主应用的 DOM 中,而非通过 iframe 嵌入,保持宿主应用的设计系统和样式完全控制权。 编程智能体优先工作流:开发者安装 Fillo Skill 后,对编程智能体描述所需字段,智能体即可自动生成完整的表单组件代码并集成到代码库中,全程无需手动构建。 直连云存储:上传文件绕过中间服务器,直接从浏览器上传至已连接的 Amazon S3、Cloudflare R2、Google Drive 或 Box 存储,单文件最大 5 GB,支持断点续传。 隐式上下文绑定:无需添加表单字段,即可编程方式将用户邮箱、账户 ID、订阅层级、当前 URL 路径或应用状态等上下文信息绑定到提交记录。 非破坏性 Schema 版本管理:在预发布或生产环境中更新活跃字段和验证规则,同时保留历史响应对应的旧版 Schema,确保数据完整性。 19 种字段类型:支持文本、长文本、邮箱、链接、电话、单选、多选、下拉、是否控件、评分、线性刻度、排名、矩阵、签名、日期、文件上传、隐藏字段和自定义代码块。 条件逻辑与高级流程:支持条件字段、答案管道、URL 预填充、多页表单、进度条、提交限制、重定向和自动推进行为。 Webhook 与集成:支持 Slack、HubSpot、Zapier、Google Sheets、Notion、Discord 和自定义 Webhook,实时投递表单数据。 草稿恢复与断点续填:保存进度并恢复填写,支持匿名和登录用户,可向放弃填写的用户发送继续填写提醒邮件。 安装配置 安装 CLI 工具:运行 npm i -g @usefillo/cli,全局安装 Fillo 命令行工具。 安装编程智能体 Skill:运行 fillo agents install,根据使用的编辑器选择对应的智能体集成方式。 配置 API Key:在 Fillo 控制台获取 API Key,并通过环境变量 FILLO_API_KEY 或直接写入配置文件完成认证。 选择渲染方式:Fillo 提供 React SDK、DOM SDK、Web Component、独立脚本和托管页面五种渲染方式,可根据项目技术栈选择最适合的接入方案。 连接云存储(可选):在 Fillo 控制台授权连接 AWS S3、Cloudflare R2、Google Drive 或 Box 账户,启用直连上传功能。 配置 Webhook:在 Fillo 控制台或通过 API 配置表单提交后的 Webhook 投递规则,设置目标 URL 和投递格式。 发布表单:通过 Fillo 控制台发布草稿,或使用 fillo publish 命令从命令行直接发布。 使用步骤 描述表单需求:对编程智能体(如 Claude Code)描述需要的字段、表单逻辑和提交后的处理流程。 智能体生成代码:编程智能体调用 Fillo MCP 工具生成表单 Schema、组件代码,并将其集成到目标代码库文件中。 预览与调整:运行应用预览表单效果,通过 Fillo 控制台调整字段顺序、样式或逻辑条件。 发布上线:在 Fillo 控制台点击发布,或使用 fillo publish 将表单正式上线,开始接收响应。 查看与管理响应:登录 Fillo 控制台查看所有提交记录、导出 CSV、分析响应数据或配置自动化投递规则。 迭代优化:根据用户填写数据和反馈,在控制台更新 Schema 或让智能体重新生成表单代码。 适用场景 用户反馈与支持工单:在应用内嵌入原生反馈表单,自动携带用户账户和页面上下文,减少用户重复填写。 入职流程与信息采集:构建多步骤入职表单,收集新用户信息,触发后续工作流自动化。 文件收集与审批:通过直连云存储收集大文件(合同、资质材料),自动路由至审批人。 功能需求投票与排序:让用户提交功能建议并对现有功能投票,形成数据驱动的产品路线图。 适用人群 需要在产品中快速嵌入表单功能的全栈工程师和 SaaS 开发者。 使用编程智能体构建和维护表单的 AI First 开发团队。 需要处理大文件上传和多步骤信息收集的 B2B 企业平台。 关注数据隐私和合规,希望表单数据存储在自己的云账户中的团队。 工作原理 Fillo 的核心是一个托管表单引擎,提供 Schema 管理、验证规则、响应存储和投递路由等后端能力;前端通过 SDK 以原生控件形式渲染在宿主应用中。当用户提交表单时,数据首先经过 Fillo 引擎的验证和转换,然后根据配置将文件直传至目标云存储、响应写入 Fillo 响应数据库,并触发 Webhook 或集成推送。整个过程对宿主应用零侵入,宿主只需引入 Fillo SDK 并在合适位置渲染表单组件。 官网链接 官网地址:https://fillo.so
评论与建议
登录 后参与评论或提建议