gpt-frontend-code-gen
G
Gpt Frontend Code Gen
简介 :
gpt-frontend-code-gen 是一个基于 React 和 Vite 构建的前端项目,结合 Koa 后端服务,实现前端页面生成并预览的功能。它使用 GPT-4 模型,支持 Chakra UI 和 ShadcnUI 组件生成,允许开发者通过对话形式持续迭代和修改页面,直到达到满意的效果。
需求人群 :
该产品适合前端开发者,特别是那些需要快速生成和迭代前端页面的开发者。它通过对话式交互,简化了开发流程,提升了开发效率,使得开发者可以更专注于页面设计和功能实现。
总访问量: 474.6M
占比最多地区: US(19.34%)
本站浏览量 : 72.6K
使用场景
生成一个具有 iOS 风格的前端页面。
通过持续对话修改页面布局以满足设计需求。
使用 Docker 快速部署和启动项目。
产品特色
使用 GPT-4 生成 React 组件。
支持 Chakra UI 和 ShadcnUI 组件生成。
实时预览生成的组件。
通过持续对话修改和更新组件。
配置 APIKey 和 BaseUrl,支持多种大模型。
使用 Docker 和 Docker Compose 一键设置和启动。
使用教程
1. 确保开发环境中已安装 Node.js(18以上)和 Docker(可选)。
2. 在项目根目录下,分别为前端和后端安装依赖。
3. 启动前端服务:cd frontend,执行 npm install 和 npm run dev。
4. 启动后端服务:cd ../server,执行 npm install 和 npm run dev。
5. 打开浏览器,访问 http://localhost:9000,配置 APIKey 和 BaseUrl。
6. 使用对话式交互生成和修改前端页面。
7. 利用 Docker 一键启动项目,简化部署流程。
AIbase
智启未来,您的人工智能解决方案智库
© 2025AIbase