Skip to main content

CurateClick

github.com favicon

前端页面/组件生成神器

Weekly Pick

一个基于React和Vite的前端项目,结合Koa后端服务,利用GPT-4生成React组件并实时预览。通过对话交互不断调整页面效果,支持多种大模型,提供Docker一键启动。

Check out 前端页面/组件生成神器 on CurateClick

• Copy the embed code to showcase this product on your website

• Share on X to spread the word about this amazing tool

项目地址: 前端页面/组件生成神器这是一个使用 React 和 Vite 构建的前端项目,配合 Koa 框架的后端服务,实现了一个前端页面生成并预览的功能,而且基于对话,可以不断调整页面效果。老板说要看一个交互效果,分分钟就出来啦。#### 看看效果: 一句话生成一个前端页面,让你的前端开发效率提升数倍。:持续迭代,告诉他,修改下风格为 iOS 风格。:继续让他在修改下布局,完美了。这一切,你只需要告诉他,我要一个什么样的页面,他就会给你生成出来,然后你可以不断的和他对话,让他帮你修改,直到你满意为止。## 功能- 使用 GPT-4 生成 React 组件。- 实时预览生成的组件。- 通过持续对话修改和更新组件。- 配置自己的 APIKey 和 BaseUrl,支持多种大模型。- 使用 Docker 和 Docker Compose 一键设置和启动。## 技术栈- 前端:React, Chakra UI, vite- 后端:Koa## 快速开始### 前提条件确保你的开发环境中已安装 Node.js(18以上) 和 Docker(可选),但是推荐 Docker 启动,真的很傻瓜式。### 安装依赖在项目的根目录下,分别为前端和后端安装依赖,启动:打开浏览器,访问 ,即可看到前端页面,配置自己的 APIKey,和 BaseUrl。就可以愉快的玩耍了。建议私用 one-api,这样,所以的大模型都可以使用。## docker 一键启动强烈推荐使用 Docker 一键启动,真的很傻瓜式。

Latest Weekly Picks

Predict video virality before you publish.

Virality Predictor

Powerful Motion Control AI Video Generator

Motion Control AI

PlusGO 是面向中国大陆用户的 ChatGPT Plus 代充值服务平台。使用官方 CDKey,支持支付宝和微信扫码支付,平均 2 分钟完成 Plus 开通,自 2025 年起已为超过 10,000 名用户完成充值。

www.toolcenter.ai favicon
Weekly Pick

Discover the Best AI & Productivity Tools — 1,500+ tools with honest reviews.

ToolCenter
huntereyes.net favicon
Weekly Pick

AI Eye Area Evaluation

Hunter Eyes
www.payforchat.com favicon
Weekly Pick

Subscribe to ChatGPT Plus/Pro in 1 minute — no international credit card needed.

PayForChat
happyhorseai.ai favicon
Weekly Pick

Happy Horse AI Creates Videos with Motion and Storytelling

Happy Horse
promptbuilder.cc favicon
Weekly Pick

Generate, optimize, test, and manage AI prompts in one place. Turn an idea into a ready-to-use prompt in seconds.

Prompt Builder