FormKit
让编码智能体用统一组件生成结构清晰、带验证且可访问的 React 与 Vue 表单。
发布工作流对可复用发布任务仅授予 contents: read 和 id-token: write，主工作流也明确列出权限、干运行选项、分支检查、发布目标及缓存清除等外部影响，因此最小权限、依赖安全和外部影响获得部分肯定。扣分点是代理安装命令“npx formkit skill”的权限、将读取或写入哪些文件、是否联网以及是否在变更前确认均未展示；工作流会把部署密钥写入磁盘并向另一仓库推送，但没有说明清理或恢复策略；发布没有回滚流程。来源归属于 FormKit, Inc. 和具名创建者，但 README 与 LICENSE 的版权起始年份不同，且根 package.json 标为 UNLICENSED。
README、包结构和发布工作流大体一致地描述多包 FormKit 架构，冻结锁文件安装、明确的 pnpm 版本、分阶段构建发布及发布重试有助于普通使用。扣分源于根包许可元数据与 MIT 声明不一致，安装细节主要转向外部文档，且没有提供代理配置流程本身的错误处理证据；现有错误消息主要覆盖发布版本、发布分支和重试失败。
材料明确面向编码代理和表单开发，列出 React 18/19、Vue 3、多个代理客户端、核心模块和扩展插件，能够说明主要场景与架构边界。扣分是“自动检测框架并配置正确文档和最佳实践”只有 README 声明，没有实现或检测规则；未说明误检测、非 React/Vue 环境、冲突配置或已有代理配置的处理方式。
README 的功能表、架构图、示例、赞助、贡献和许可组织清晰，信息架构可获满分；包名和发布顺序也较明确。扣分是安装仅有一条 npx 命令和外部链接，没有前置条件、生成文件、卸载步骤或 FAQ；没有已知限制章节；MIT 文本完整但与根 package.json 的 UNLICENSED 以及版权年份不一致；更新路径和自动生成变更日志可见，但维护责任只笼统指向核心团队和 FormKit, Inc.，未给出具体安全或发布负责人。
单组件示例、验证、结构化数据、React/Vue 绑定及插件架构显示其产物可直接用于常见表单，并可能减少样板代码；MIT 核心与付费 Pro 的区分也有基本成本说明。扣分是减少猜测、完整可访问性、被大型组织信任以及代理推理优势多为宣传性主张，所给文件没有代理生成结果、迁移对比、性能数据或复杂案例来证明边际收益和采用成本。
README 中的包架构、pnpm 使用、发布标签和 MIT 文件可由 package.json、工作流和 LICENSE 部分交叉印证。扣分是多数产品、可访问性、采用规模和代理效果主张没有指向仓库内实现或测试；材料没有清楚区分实测事实、设计推断与营销表述；许可元数据和版权年份的差异进一步削弱了完全可追溯性。
- 在运行“npx formkit skill”前，应在隔离环境中检查其固定版本、下载来源、网络访问以及将创建或修改的代理配置文件；所给材料未披露这些行为。
- 不要把 README 中的自动检测、可访问性、企业采用或代理效果声明视为静态审查已经验证的事实。
- 发布流程会发布 npm 包、清除 CDN 缓存、创建 GitHub Release，并使用部署密钥向另一仓库推送；材料没有展示回滚或密钥文件清理步骤。
- 在复用或分发前应解决 README/LICENSE 的 MIT 声明与根 package.json 的 UNLICENSED 元数据，以及版权年份不一致问题。
这个 Agent 能做什么，适合哪些场景？
FormKit 是面向 React 18/19 与 Vue 3 的表单框架，也提供可安装到编码智能体中的技能。其框架无关核心由 @formkit/core、@formkit/validation、@formkit/rules、@formkit/i18n、@formkit/inputs 和 @formkit/themes 等包组成，再通过 @formkit/react 或 @formkit/vue 接入应用。每个 <FormKit> 组件拥有一个节点，节点树会根据组件层级组织表单状态；group 生成对象，list 生成数组。开发者或编码智能体可以通过单组件 API 编写输入项，也可以使用 JSON Schema 生成包含条件、循环、表达式和动态数据的表单。框架负责标签、验证信息、ARIA 属性、加载状态与提交处理，但最终仍作为应用内的前端表单组件运行，并不是独立托管的 AI 智能体服务。
开发者使用 <FormKit> 声明 form、text、password、select、checkbox 等输入类型，并可在 validation 属性中内联 required、email、length 等规则。组件创建的 FormKit Node 组成节点树，在任意嵌套深度汇总事件、插件和状态，并让数据结构自动对应组件结构。@formkit/validation 与 @formkit/rules 执行验证，@formkit/i18n 提供 30 多种语言，@formkit/themes 提供包括 Regenesis 在内的 Tailwind CSS 主题支持。表单还可以由可序列化的 JSON Schema 生成，并包含条件渲染、循环、表达式和动态数据。执行 npx formkit skill 会自动检测所用框架，并为受支持的编码智能体配置相应文档和最佳实践。
- 使用 React 18/19 构建登录或注册页的团队，希望用一个 <FormKit> API 同时获得标签、验证、错误提示、加载状态和提交处理。
- Vue 3 项目需要复杂嵌套数据时，用 type="group" 和 type="list" 让对象与数组结构随组件层级自动形成。
- 需要由配置驱动界面的产品团队，可通过 JSON Schema 生成带条件、循环、表达式及动态数据的表单。
- 采用 Tailwind CSS 的前端团队，可使用 Regenesis 主题，或通过主题工具接入自己的样式。
- 面向多地区和无障碍用户的应用，可利用内置的 30 多种语言以及自动生成的 ARIA 属性、标签和说明。
- 使用 Codex、Claude Code、Cursor、Cline、Gemini、OpenCode 或 Amp 编写表单的开发者，可安装 FormKit 技能，为编码智能体补充对应框架的文档与实践。
这个 Agent 有哪些优点和局限？
- 所有原生 HTML 输入采用一致的单组件 API，减少不同控件之间的样板代码。
- 验证规则与字段放在一起，并内置 30 多条规则，无需单独维护验证 Schema 或事件监听器。
- FormKit Node 会根据 group、list 和组件层级自动构造对象与数组，适合复杂嵌套表单。
- 同一框架无关核心同时服务 React 18/19 和 Vue 3，并共享验证、Schema 与插件体系。
- 支持可序列化的 JSON Schema、30 多种语言、自动 ARIA 信息以及 Tailwind CSS 主题。
- 来源没有提供 React/Vue 运行时包的完整安装、导入和初始化步骤，也未声明支持的 Node.js/npm 版本。
- 自动配置编码智能体依赖 npx formkit skill；来源没有说明离线安装、生成文件、权限范围或失败恢复方式。
- 自动数据结构建立在 FormKit Node、专用组件类型与 Schema 体系上，从现有表单状态方案迁移可能需要重写组件结构。
- 自动补全、日期选择器、拖放、遮罩、评分和滑块等复杂输入属于 FormKit Pro，而非所述 MIT 开源基础输入集合。
- 来源只展示了简单表单示例，没有提供大型动态表单的性能、包体积或服务端渲染行为证据。
如何安装或部署这个 Agent？
为编码智能体配置 FormKit 技能，可在项目环境中运行：
npx formkit skill该命令会自动检测框架，并为支持的编码智能体配置文档和最佳实践。来源没有给出安装 @formkit/react、@formkit/vue 或其他运行时包的可复制命令，也没有注明所需 Node.js/npm 版本或任何凭据要求，因此仅凭现有材料无法提供完整的应用依赖安装步骤。
如何使用这个 Agent？
安装技能后，在 React 或 Vue 应用中使用统一的 <FormKit> 组件 API。来源给出的最小 React 风格示例为：
<FormKit type="form" onSubmit={handleSubmit}>
<FormKit type="text" name="email" label="Email" validation="required|email" />
<FormKit type="password" name="password" label="Password" validation="required|length:8" />
</FormKit>
此结构会生成包含标签、验证、错误消息、加载状态和提交处理的可访问表单。handleSubmit 的具体实现、框架包导入语句和应用初始化配置未在来源中提供。