knowledge hunter-01产品系统Vibe Coding

我要开发同款
奇山峰2026年10月12日
4阅读

技术信息

语言技术
JavaScript、React、TypeScript、ES6
系统类型
Web、H5
行业分类
开发工具

作品详情

行业场景

中后台轻应用快速搭建 + AI 辅助生成与迭代,替代从零写 React 页面,又不牺牲 Schema 可控性
传统中后台页面开发重复度高:表单、列表、详情、接口联调占大量人。本项目旨在打造 Schema 驱动的低代码平台——可视化拖拽 + 预览运行 + 可 undo 的原子操作,并结合 AI「整页一一发式 + 对话式调优」Agent 搭建应用,让业务人员用自然语言快速产出 多页轻应用。
本平台面向 企业信息化 / 运营中后台 的 轻 CRUD 场景:教务选课与学生管理、商品注册登录与列表增删改查、内部数据采集与审批前表单、运营配置页等。典型链路是 多页 Hash 路由(列表 → 详情/编辑 → 提交回跳)、loop 列表 + 行内操作、onMount / dataSource 联调 REST。

功能介绍

本平台是一套 Schema 驱动的系统:底层 engine-core 负责文档模型、Command、插件与物料注册及运行时路由/表达式;materials 提供基础组件;renderer-react 把 Schema 渲染成可交互页面;designer-app 是主入口,集成画布拖拽、物料/大纲/属性/Schema JSON 编辑、历史与导出、多页 AppSchema 管理,以及 AI 面板;runtime-app 用于预览与接口联调。
核心能力是:可视化配置布局、样式、受控绑定,以及 state、methods、dataSource、loop/condition、事件与多页 router.push;预览可走通列表、详情、表单提交等交互。AI 可以通过自然语言生成整应用,并进行局部调优。整体面向中后台轻应用快速搭建等场景

项目实现

我主导从零搭建 monorepo 低代码闭环:在 engine-core 落地 Schema、Command、插件化物料与画布模拟器及运行时表达式与 Hash 路由;在 designer-app 实现拖拽画布、属性/高级配置、Schema JSON 编辑、多页 AppDocument 与本地持久化、预览联调;完成 AI 对话 Agent 搭建应用;并补齐 Preview 切页数据态、导航与交互注入等联调问题,维护 Vitest 回归与场景搭建的疑问。

技术栈为 pnpm workspace + TypeScript + React 19 + Vite,AI 侧 LangChain + Zod + OpenAI 兼容接口,拖拽 dnd-kit,Schema 编辑 CodeMirror。架构上走 Schema → NodeTree → DocumentModel → renderer-react,设计器能力全部 Plugin 注册,保证「有限协议 + 可撤销」而非自由写码。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论