formkit

让 AI 智能体稳定生成和校验表单

开源 🏷️基础免费,高级付费 ⏳ 访问状态待核验 自动化工作流 🍴 复刻 207 🐛 待处理 19 👀 关注 34
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 4785
维护状态 活跃
是否开源 开源
定价模式 🏷️基础免费,高级付费 支持限时试用 · 开源核心免费,官网提供付费增值服务,具体定价待确认

项目预览

formkit 项目界面预览图
图片来源:项目官网

项目数据

分类自动化工作流
开发团队formkit
定价模式🏷️基础免费,高级付费
价格说明开源核心免费,官网提供付费增值服务,具体定价待确认
访问状态⏳ 访问状态待核验
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型agentic-workflow,agents,form-generation,forms,react,reactjs,skill,skills,validation,vue
GitHub 星标★ 4785
上线时间2021-06-02 00:00:00
代码更新2026-11-08
仓库体积9.7 MB
本站数据更新2026-11-10
维护状态活跃
收录时间2026-11-10
浏览次数0

项目介绍

FormKit 是一个面向编码智能体(coding agents)的表单框架,用 TypeScript 编写,同时提供 React 与 Vue 绑定。它要解决的核心问题是:在 AI 智能体参与生成或修改界面的工作流里,表单的结构、校验规则和交互状态往往难以被程序稳定地描述与复用。FormKit 把表单抽象成可声明、可组合的 schema,让智能体能够以结构化方式生成、读取和修改表单,同时保留前端框架原生的渲染与响应式能力。核心能力包括:声明式表单定义与字段级校验、跨 React/Vue 的统一 API、对智能体友好的技能(skill)与工作流集成、以及可扩展的输入类型与插件机制。项目星标约 4.8k,属于成长中的活跃项目,适合需要在 AI 辅助开发流程中落地表单生成与校验的团队评估使用。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-11-10 · 当前星标 ★ 4785

使用教程

⚠ 本教程由 AI 依据该项目 README 整理;原始文档不完整,部分步骤为通用流程推断,实际安装请以项目官方文档为准。

难度:入门 约 10 分钟 部署方式:库/依赖 4 步

⚠ 该项目 README 未提供完整安装说明,以下步骤为通用流程,请以官方文档为准。

环境要求

  • 已安装 Node.js 与 npm(README 中的命令通过 npx 执行)
  • 已有一个 React 或 Vue 前端项目作为接入载体
  • 可以正常访问 npm 包仓库以下载依赖
  • TypeScript 项目体验更佳(项目本身用 TypeScript 编写)

安装与启动步骤

  1. 1检查 Node 环境

    在项目根目录确认 node 与 npm 可用且版本较新,npx 随 npm 一起安装。

    node -v
    npm -v
  2. 2为编码智能体接入技能

    README 唯一给出的命令,用于给编码智能体配置 FormKit 技能,需在项目目录下执行。

    npx formkit skill
  3. 3查阅官方安装指引

    README 只给出文档链接,未列出具体包安装命令;请按官网 Getting Started 选择 React 或 Vue 版本。

  4. 4在项目中声明表单

    安装后按文档用声明式 schema 定义字段与校验规则,再由 React 或 Vue 渲染表单。

如何确认成功

README 未给出启动命令;确认 npx formkit skill 正常执行结束,且按文档写的表单能在项目里正常渲染与校验即可。

常见问题

Q:npx formkit skill 是做什么的?

A:按 README 说明,它为编码智能体配置 FormKit 相关技能,让智能体以结构化方式生成和修改表单。

Q:到底该安装哪个包?

A:README 的徽章显示 Vue 绑定包名为 @formkit/vue,项目同时提供 React 绑定;具体安装命令与包名以官网安装文档为准。

Q:需要单独启动服务吗?

A:不需要。FormKit 是前端表单库,跟随所在 React 或 Vue 项目的开发与构建流程运行。

Q:为什么教程里没有安装命令?

A:本次 README 节选只包含一条 npx 命令和文档链接,未给出安装命令,为避免编造故未补充。

注意事项

  • README 节选未包含完整安装步骤,实际安装方式请以官网 Getting Started 页面为准。
  • 项目同时提供 React 与 Vue 绑定,按现有项目技术栈二选一即可。
  • 所有命令需在项目根目录下执行,避免安装到错误位置。

核心亮点

  • 同一套表单 schema 可同时用于 React 与 Vue,跨框架复用成本低
  • 内置声明式校验与字段状态管理,智能体生成后可直接运行验证
  • 提供面向 agent 的技能与工作流集成方式,便于接入自动化编码流程

不足之处

  • 项目处于成长阶段,API 与文档可能随版本调整
  • 智能体相关集成能力较新,生产环境案例与社区沉淀有限

适用场景

  • AI 编码助手根据需求描述自动生成带校验的表单页面
  • 多框架前端项目中复用统一的表单定义与校验规则
  • 低代码或内部工具平台中由智能体批量维护表单配置

替代项目

react-hook-form、Formik、vee-validate

上一篇:timecopilot

下一篇:computer-control-mcp

同类项目推荐

self-hosted 开源

自托管搭内部工具,低代码配流程一键部署

Internal tools and workflow automations

★ 301 2026-11-04
aside-codemode 开源

让 Agent 写一段代码代替五十次工具调用,55 秒搜索变 1 秒

One call where Aside used to spend fifty — rg-backed search, Aside-shaped file tool···

★ 129 2026-09-27
opencode-browser 开源

在 AI 编辑器里直接指挥浏览器点按填表、抓数据

Browser automation plugin for OpenCode AI editor - Control Chrome/Edge with AI, auto···

★ 114 2026-10-21
Turnstile-Solver-NEW 开源

浏览器自动过验证页,封装成 API 直接调

REST API for automating Cloudflare Turnstile & IUAM challenge pages in a real browse···

★ 326 2026-10-27
HyperAgent 开源

说句话就能让浏览器自己干活,省去写脚本的麻烦

AI Browser Automation

★ 1606 2026-08-09
dusk 开源

用 PHP 链式写法驱动真实浏览器,端到端测试 Laravel 应用

Laravel Dusk provides simple end-to-end testing and browser automation.

★ 1947 2026-09-18
youtube-shorts-pipeline 开源

一键把新闻变成带配音字幕的短视频,自动上传YouTube

Automated YouTube Shorts pipeline: news → script → AI visuals → voiceover → capt···

★ 2364 2026-08-09
Autotube 开源

自动生成并发布YouTube短视频,从选题到成片全流程无人值守

Automated YouTube Shorts creation using n8n, AI script generation, and video process···

★ 81 2026-08-09
ClaudeCodeBrowser 开源

让 Claude Code 直接开 Firefox 点页面、填表单、截图看结果

MCP Firefox browser automation extension for Claude Code - screenshots, clicking, ty···

★ 119 2026-09-18