一款 AI 生成前端页面和组件神器，支持 Chakra UI 、ShadcnUI 和本地大模型

公众号关注 「奇妙的 Linux 世界」

设为「星标」，每天带你玩转 Linux ！

今天推荐的这个项目是「gpt-frontend-code-gen」，一个生成前端页面和组件代码的神器，使用 React 和 Vite 构建的前端项目，配合 Koa 框架的后端服务，实现了一个前端页面生成并预览的功能，而且基于对话，可以不断调整页面效果。老板说要看一个交互效果，分分钟就出来啦。

功能

• 使用 GPT-4 生成 React 组件。

• 支持 Chakra UI 组件、ShadcnUI 组件生成。

• 实时预览生成的组件。

• 通过持续对话修改和更新组件。

• 配置自己的 APIKey 和 BaseUrl，支持多种大模型。

• 使用 Docker 和 Docker Compose 一键设置和启动。

技术栈

• 前端：React，Chakra UI，Vite

• 后端：Koa

看看效果

第一步：一句话生成一个前端页面，让你的前端开发效率提升数倍。

第二步：持续迭代，告诉它，修改下风格为 iOS 风格。

第三步：继续让它再修改下布局，完美了。

这一切，你只需要告诉它，我要一个什么样的页面，它就会给你生成出来，然后你可以不断的和它对话，让它帮你修改，直到你满意为止。

开源项目地址：https://github.com/bravekingzhang/gpt-frontend-code-gen

开源项目作者：bravekingzhang

本文转载自：「GitHub黑板报」，原文：https://url.hi-linux.com/DUkFu，版权归原作者所有。欢迎投稿，投稿邮箱: editor@hi-linux.com。

🚀 最近，我们建立了一个技术交流微信群。目前群里已加入了不少行业内的大神，有兴趣的同学可以加入和我们一起交流技术，在 「奇妙的 Linux 世界」 公众号直接回复 「加群」 邀请你入群。

🌟『极客视界』科技达人必备综合资讯指南，等你来探索！访问网址 https://bestgeek.org 即可打开新世界。

📕 关注『奇妙的 Linux 世界』公众号，带你开启有趣新生活！更多好用好玩的软件资源，可访问 https://666666.dev 免费获取。

你可能还喜欢

点击下方图片即可阅读

OpenSSH 暴高危漏洞：无需用户交互，攻击者能够以 root 身份执行任意代码


点击上方图片，『美团|饿了么』外卖红包天天免费领

更多有趣的互联网新鲜事，关注「奇妙的互联网」视频号全了解！