web-maker产品系统Vibe Coding

我要开发同款
zoe2026年04月15日
6阅读

技术信息

语言技术
ReactTypeScriptNode.jsES6
系统类型
Web
行业分类
开发工具

作品详情

行业场景

提高产品/前端工作效率, 迅速将需求自动生成可预览可运行的React 项目。在产品需求前期可以快速落地。

功能介绍

通过AI对话模式,获取用户需求。后端 AI 流水线生成完整的 React + TypeScript 项目,前端实时预览并支持下载。
规划阶段(分析→意图→能力→UI→组件→结构→依赖)
基础建设(类型→工具函数→模拟数据)
视图构建(组件→页面→布局→样式)
应用组装(入口→文件组装)

项目实现

个人独立项目,项目通过vibecoding实现,使用LangGraph多阶段编排架构。
- 前端:Next.js 16 SPA,负责 UI 交互和代码预览
- 后端:Express + LangGraph,负责 AI 编排和代码生成

示例图片

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

评论