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

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
freqz.net favicon
Weekly Pick

Your Personal K-Style Vibe Photo Studio

Freqz
webleadr.com favicon
Weekly Pick

Find and contact web design leads and businesses without websites, like local dentists, effortlessly from any location in just a few clicks.

Webleadr

the art of having something to say

pretty-scale.com favicon
Weekly Pick

How Pretty Are You? Let AI Decide.

Pretty Scale
c2story.com favicon
Weekly Pick

Create Illustrated Stories with AI

C2story

Impromptu Speech Topics & Timer

Seedance 2.0: Multimodal AI video creator. Precisely direct characters and cameras to create production-ready, multi-shot cinematic stories in one click.