大多数 AI 表单 Demo 只能做到“一次性生成”、“截图即结束”或“每次修改就全量重写”。这种方式在真实场景中会失败:
重写导致状态丢失:用户的手动微调会被 AI 覆盖。
高昂成本:为了一点小改动就发送全量 Schema 给模型非常浪费。
缺乏控制:盲目应用 AI 输出可能破坏生产环境界面。
当用户说“我只想改这一项”时,90% 的 AI Demo 都会崩溃。 本项目正是为了解决这些工程级问题。
点击空白处退出提示
大多数 AI 表单 Demo 只能做到“一次性生成”、“截图即结束”或“每次修改就全量重写”。这种方式在真实场景中会失败:
重写导致状态丢失:用户的手动微调会被 AI 覆盖。
高昂成本:为了一点小改动就发送全量 Schema 给模型非常浪费。
缺乏控制:盲目应用 AI 输出可能破坏生产环境界面。
当用户说“我只想改这一项”时,90% 的 AI Demo 都会崩溃。 本项目正是为了解决这些工程级问题。
1. 自然语言 → JSON Schema(受控生成)
用户使用自然语言描述需求。
AI 输出严格结构化的 JSON Schema。
在应用前进行机器解析与合法性校验。
2. Schema 驱动的表单渲染
JSON Schema 是系统的唯一事实源。
表单完全由 schema.fields 动态渲染。
支持 string, number, boolean, select 等字段类型。
3. 专业级 JSON 编辑器 (CodeMirror)
开发者体验:集成 CodeMirror 实现高性能 JSON 编辑,支持语法高亮、行号显示及实时错误提示。
校验优先:非法 JSON 不会破坏界面,始终保留最近一次合法状态。
4. 可视化 Diff 与历史记录
侧边栏对比:通过专业的 Diff 查看器(基于 vue-diff)直观对比 Schema 变更。
一键回滚:记录完整的变更快照,支持随时恢复到历史任一版本。
5. 引导式快速开始 (新增)
场景模板:提供注册表单、CRM、电商评价等高频模板,点击即可一键生成。
空状态优化:美观的引导界面,帮助新用户快速上手。
6. 深色模式与移动端适配 (新增)
原生深色模式:完美适配深色主题,支持随系统自动切换。
移动端优化:全响应式布局,针对手机端触控操作进行了深度优化。
7. AI Patch 机制(核心亮点)
意图识别:智能判断“全量”或“增量”修改,避免误操作。
增量更新:仅返回 Patch 操作,节省 Token 并保护手动编辑成果。
8. 字段级编辑器(人类参与)
点击字段即可打开抽屉,编辑 Label、必填项、默认值及枚举。
支持即时生效、回滚及单字段重置。
9. 全栈国际化
语言感知 AI:AI 自动识别环境语言,生成的摘要与推理过程与 UI 保持一致。
无缝切换:中英文一键切换,实时更新 UI 与 AI 逻辑。
10. 混合
• 首创精准补丁 (Surgical Patching) 机制: 针对大模型生成全量 JSON 易错且耗时的痛点,设计了增量式的 AIPatch 更新机制,使 Token 消耗降低约 60%,同时提升了响应速度。
• 突破 Serverless 瓶颈: 针对 Vercel 等边缘节点处理重度 LLM 推理的 10 秒超时痛点,主导前后端解耦。使用Vue3 构建极速前端,使用 Python FastAPI 构建常驻异步计算引擎,保障大模型任务稳定执行。
• 企业级安全防御: 基于零信任架构 (Zero-Trust) 的数据防御: 引入 Clerk 进行 JWT 鉴权,并在底层 Neon 数据库实施基于 user_id 的 RLS 行级隔离,彻底阻断 IDOR 漏洞,以极高的安全标准保障了多租户数据的绝对隔离与防篡改。
• 成本与并发控制: 设计双轨限制流策略(基于 IP 的匿名限流与基于 UUID 的鉴权限流) ,有效控制大模型
Token 成本;配置 PgBouncer 数据库连接池,从容应对高并发下的连接耗尽风险。




评论