Skip to main content

CurateClick

CurateClick 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

CurateClick favicon

imagelayered.com

AI-powered image decomposition tool that transforms flat images into editable layers.

CurateClick favicon

kaigpt.ai

gpt代充:如何快速申请免手续费的充值服务?

CurateClick favicon

magiclayers.net

Magic Layers – Official Website, What It Is & How to Use

CurateClick favicon

lifepathcalculator.app

Life Path Calculator - free deterministic numerology: your number, strengths, challenges, and shareable cards.

CurateClick favicon

freeadhd.com

ADHD Test - a free, no-sign-up adult ADHD self-screening tool with instant results.

CurateClick favicon

pixmira.ai

Free AI photo editor and image generator for fast visual creation.

CurateClick favicon

pslratings.com

Free PSL Rating gives an instant AI PSL score with tier and four category breakdowns, no signup.

CurateClick favicon

gothic1remake.com

Gothic 1 Remake Guide — Release, Walkthroughs & Quests