Show HN:GolemUI——JavaScript 表单的新范式
GolemUI 是一个开源库,可通过 JSON 定义动态生成表单,并提供类型化层简化编写流程。其特点包括:JSON 引擎(定义可存入数据库、版本控制、差异比对或由 LLM 生成)、28 个无头组件(支持 CSS 变量与 Material/Shoelace 等框架集成)、带类型化的程序化表单编写层(自动生成 JSON)、同一定义可在 React/Angular/Vue/Lit/Vanilla JS 中渲染,以及用于验证模型输出的确定性 MCP 工具。
背景速读
- GolemUI 是一个新开源的 JavaScript 表单库,由三位有十年表单开发经验的开源作者联合打造。核心思路是用 JSON 定义来描述表单结构,而非手写代码。
- 它把表单定义(JSON)与 UI 渲染分离:同一份 JSON 可以自动生成 React、Angular、Vue、Lit 甚至原生 JavaScript 的组件。这对需要跨框架复用表单逻辑的团队很实用。
- 提供了 28 个"无头"(headless)组件——只负责交互逻辑,不绑定样式,用户可以通过 CSS 变量或接入 Material、Shoelace 等 UI 库来定制外观。
- 还有一个"确定性 MCP"(Model Context Protocol)工具,专门用于与 LLM 协作:确保 AI 生成的表单 JSON 始终结构正确,减少幻觉带来的错误。这是当前 AI 生成 UI 场景下的热点方向。
- 该项目在 Hacker News 上以 "Show HN" 形式发布,意味着这是独立开发者/小团队的作品,社区会给出试用反馈和技术讨论。