Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update README.md #17

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 16 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,18 @@
</a>

<p align="center">
An open source Claude Artifacts – generate small apps with one prompt. Powered by Llama 3 405B & Together.ai.
An open source Claude Artifacts – generate small React apps with one prompt. Powered by Llama 3 405B & Together.ai.
</p>

## React Engine

This is the React engine for Llama Coder. It generates and renders React applications based on user prompts.

## Tech stack

- [Llama 3.1 405B](https://ai.meta.com/blog/meta-llama-3-1/) from Meta for the LLM
- [Together AI](https://dub.sh/together-ai/?utm_source=example-app&utm_medium=llamacoder&utm_campaign=llamacoder-app-signup) for LLM inference
- [Sandpack](https://sandpack.codesandbox.io/) for the code sandbox
- [Sandpack](https://sandpack.codesandbox.io/) for the React code sandbox
- Next.js app router with Tailwind
- Helicone for observability
- Plausible for website analytics
Expand All @@ -22,13 +26,18 @@
2. Create a `.env` file and add your [Together AI API key](https://dub.sh/together-ai/?utm_source=example-app&utm_medium=llamacoder&utm_campaign=llamacoder-app-signup): `TOGETHER_API_KEY=`
3. Run `npm install` and `npm run dev` to install dependencies and run locally

## Exporting app feature (work in progress)

Look into a way to export/deploy the React app in a single click. Steps:

1. Generate a UUID
2. Write the React code + ID to a database
3. Dynamic route that fetches code
4. Use sandpack for now (but hide the code view)
5. Dynamic OG image

## Future Tasks

- [ ] Add dynamic OG images to the specific generations & include the prompt
- [ ] Add more dynamic OG images for playwright
- [ ] 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
- [ ] Save previous versions so people can go back and forth between the generated ones
- [ ] 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
Expand Down