自然语言转成formily+shadcn组件的jsonschema

https://github.com/lijie1024512/json-to-ui

一个基于 Next.js、CopilotKit 和 Formily 的智能表单生成器,通过自然语言描述快速创建和编辑表单的jsonschema,适用于二次开发和生成式UI。

✨ 项目功能

🤖 AI 驱动的表单生成

  • 智能表单生成:通过自然语言描述,AI 自动生成完整的 Formily JsonSchema 表单
  • 实时预览:表单修改后立即预览效果
  • 字段管理:支持添加、删除、修改表单字段
  • 验证规则:自动生成表单验证规则

🎨 丰富的组件支持

  • 基于 Formilyshadcn/ui 组件库
  • 支持多种表单组件:输入框、选择器、日期选择器、开关等
  • 支持自定义样式和布局

💬 AI 助手功能

  • 专业的表单设计助手,专注于 Formily JsonSchema 表单设计
  • 支持中文对话,友好的交互体验
  • 提供清晰的操作建议和实用的解决方案
相关推荐
Moment5 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
爱敲代码的小鱼5 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
铅笔侠_小龙虾7 小时前
Flutter 实战: 计算器
开发语言·javascript·flutter
大模型玩家七七7 小时前
梯度累积真的省显存吗?它换走的是什么成本
java·javascript·数据库·人工智能·深度学习
2501_944711438 小时前
JS 对象遍历全解析
开发语言·前端·javascript
发现一只大呆瓜8 小时前
虚拟列表:支持“向上加载”的历史消息(Vue 3 & React 双版本)
前端·javascript·面试
阔皮大师9 小时前
INote轻量文本编辑器
java·javascript·python·c#
lbb 小魔仙9 小时前
【HarmonyOS实战】React Native 表单实战:自定义 useReactHookForm 高性能验证
javascript·react native·react.js
_codemonster9 小时前
Vue的三种使用方式对比
前端·javascript·vue.js
全栈前端老曹9 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈