GenUAI
A AI to UI generation app that uses Shadcn, Aceternity, MagicUI, SyntaxUI built in components to generate websites.
Install / Use
/learn @xKevIsDev/GenUAIREADME
<a href="https://www.KevIsDev.io">
<img alt="GenUAI" src="./public/images/example.png">
<h1 align="center">GenUAI</h1>
</a>
<p align="center">
An open source Claude Artifacts forked and adapted from llamacoders original repo – generate small apps with one prompt. Powered by Llama 3 405B & Together.ai.
</p>
Tech stack
- Llama 3.1 405B from Meta for the LLM
- Together AI for LLM inference
- Sandpack for the code sandbox
- Next.js app router with Tailwind
- Shadcn, Aceternity, MagicUI for UI elements.
- Helicone for observability
- Plausible for website analytics
Cloning & running
- Clone the repo:
git clone https://github.com/Nutlope/llamacoder - Create a
.envfile and add your Together AI API key:TOGETHER_API_KEY= - Run
npm installandnpm run devto install dependencies and run locally
Future Tasks
- [ ] Accounts.
- [x] Auth.
- [x] Database.
- [ ] Live Data
- [ ] User Usage.
- [ ] Free Tier on signup.
- [ ] Manage payment.
- [ ] Manage prompt amount and limit.
- [ ] Premium/Pro plan.
Features:
- [ ] Multiple libraries at once.
- [ ] Increased token amount monthly.
- [ ] Theme selection.
- [ ] Access to premium models.
- [ ] Access to paywalled libraries.
- [x] Library choice.
- [ ] Add more libraries. [x] AceternityUI - [ ] Produce all documents. [ ] MagicUI [ ] SyntaxUI
- [ ] Dynamic styling for all libraries compared to prestyled.
- [ ] Improved handling of images, icons etc for a better preview of generated code.
- [ ] Improve system prompt max token limit or find alternative.
- [?] Use all library components from a custom npm package that provides these from a single import path. Example: import {Button, Card, Input } from "multi-ui-bundle" .
- [x] Enhanced responses from AI preventing bundle imports in single path etc.
- [x] Latest Shadcn components can now be used.
- [x] Overall design change
- [ ] Handle and show history of previous generated apps.
- [ ] Experiment with a prompt rewriter and launch this as well
- [ ] Make the toast that opens better like a modal for sharability
- [ ] Add sharability to people can take their apps and share them publicly
- [ ] Address issue of ability to publish the same app repeatedly
- [ ] Try chain of thought reasoning to see if it works better overall
- [ ] Encourage best practices by making the input and textarea & having pills to generate apps w/ good prompts
- [ ] Add more customizability in terms of changing the prompt, temperature, ect...
- [ ] Could be nice to show a "featured apps" route on the site on /featured. Have a /id/${prompt} dynamic route that can display a bunch of nice example apps in the sandbox ready to go
- [ ] Support more languages starting with Python, check out E2B
- [ ] Try chain of thought reasoning to see if it works better overall
- [ ] Try finetuning a smaller model on good prompts from 405b or GPT-4/Claude
- [ ] Add dark mode to the site overall, nice design change
- [ ] Surface errors better in codesandbox to the user so people know what is wrong
- [ ] Have 405B correct itself (sometimes it makes up imports)
- [ ] New route for updateCode that only sends the latest generated code + the modify request
- [ ] Fix bug where if a user edits the code, then does a change, it doesn't use the edited code
- [ ] Add rate limiting with redis upstash if the traffic gets too high
- [ ] Apply code diffs directly instead of asking the model to generate the code from scratch
- [ ] Add the ability to upload things like a screenshot for it to start from that
- [ ] Add a documentation route.
- [ ] Add bug/feedback reports.
Contribution
- llamacoder for providing the original repo to work from.
Related Skills
node-connect
343.3kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
92.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
343.3kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
343.3kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
