Giter Club home page Giter Club logo

llamacoder's Introduction

Llama Coder

An open source Claude Artifacts – generate small apps with one prompt. Powered by Llama 3 405B & Together.ai.

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
  • Helicone for observability
  • Plausible for website analytics

Cloning & running

  1. Clone the repo: git clone https://github.com/Nutlope/llamacoder
  2. Create a .env file and add your Together AI API key: TOGETHER_API_KEY=
  3. Run npm install and npm run dev to install dependencies and run locally

Future Tasks

  • 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
  • Add the ability to toggle on and off shadcn components and others
  • Launch support for different themes – somehow pass down variables to components
  • 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
  • Add more customizability in terms of changing the prompt, temperature, ect...
  • 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
  • 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
  • Think about how to 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
  • Try to add a consistent component library like shadcn
  • 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

llamacoder's People

Contributors

nutlope avatar samselikoff avatar

Stargazers

 avatar Sanyog Singh Rajput avatar Abdulaziz AL-Heidous avatar  avatar  avatar Shivam Gupta avatar Никита avatar Tom avatar Yamir Alejandro Rodas Elvir avatar loic avatar VonGump avatar  avatar Swapnil Patil avatar Samious avatar  avatar Liu Yang avatar  avatar  avatar 邓钦予(Deng Qinyu) avatar bluewayg avatar Raider avatar  avatar  avatar Joinner Medina avatar ZhengYang Wang avatar Kenneth Jefferson avatar vittorioPiotti avatar Victor Muštar avatar  avatar Alex Kup avatar Karan Patel avatar Levi Sverdlov avatar  avatar DUVOE CO.  avatar  avatar Bubbles avatar Jian Zhang avatar Kaan Bora Öz avatar  avatar  avatar Arbizu Aldo Alberto avatar Narendra Gandikota avatar Vamsi Praveen Nakka avatar JohnMarx avatar Lessing avatar Pablo Toledo avatar Iran Trinidad avatar Fearghal Hayes avatar Bruce avatar genstec avatar  avatar abcdream avatar Paul avatar  avatar  avatar Jonathan Chourio avatar  avatar Hansol Choe avatar sangxiaolong avatar Jaime Novoa avatar Reza KarimiPoor avatar Kexi Dang avatar CppPython avatar Tait avatar thebrandedman avatar Rahim Nathwani avatar hobg0blin avatar Jesus avatar Asad Dhamani avatar  avatar zero0043 avatar Kelvin avatar bharat jadhav avatar Guillermo Calleja avatar  avatar Fernando Avena avatar chayunyolong avatar  avatar Charleno Pires avatar Ye Ja avatar  avatar Alen Cheung avatar Junghwan Park avatar Herminio Castro Riveira avatar Victor Miti avatar  avatar  avatar  avatar Mohammad Mirzaei avatar cuilzero avatar Jason avatar Tu TD avatar  avatar MikeLuck avatar Eric S. avatar yssn avatar 安如衫 avatar Rmg avatar Mian Jia avatar  avatar

Watchers

senthilkumar avatar Fernando Navarro Páez avatar HeisenBerg? avatar Deepak Marathe avatar loic avatar  avatar Tu TD avatar Abhishek K. Singh avatar  avatar  avatar Child Wang World avatar Jesús Ferretti avatar quntion avatar Parid Upapong avatar  avatar Ronald Odhiambo avatar xin lin avatar Don avatar  avatar  avatar  avatar  avatar Jaime Novoa avatar  avatar Starrn avatar zero0043 avatar Murali  avatar

llamacoder's Issues

"Something went wrong" Error while running locally

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Screenshot 2024-08-04 at 2 20 51 PM

Some Laravel Love

Dear Amazing Team of LlamaCoder,

First let me salut your magic with this great work, but from my personal experience the "Nextjs cold boot time", of course coming from a PHP world.. but the community is massive.

So, it would really be very much appreciated if you do consider supporting the Laravel framework.

Thank you. #php

chat history and previous versions

What do we think about adding the ability to view the entire chat history and preview previous versions of generated code/UI?! I love this idea and would love to work on it if this is something people want :)

Syntax Error in AI-Generated Code Snippet with TypeScript (TSX) in Code Sandbox

When generating a code snippet using the AI model, the code is rendered with an incorrect syntax that causes a syntax error in a TypeScript (TSX) file. The generated code snippet includes "```tsx" at the beginning, which is not a valid TypeScript syntax and results in an error when executed.

prompt : build the chat APP
AI model : Gemma 2 27B
Screenshot from 2024-08-03 02-22-49

modification prompts doesn't work well

Hey, at the moment the modification prompts don't work very well. I would love to play around with it if this is something you want. Let me know!

Original

before

After making a change

after

License information

Under what license code was published?
Sorry, but I didn't find this info.

Something went wrong

Something went wrong

Cannot assign to read only property 'message' of object 'SyntaxError: /App.tsx: Unterminated string constant. (262:24)

260 | value={otherIndications}
261 | onChange={handleOtherIndicationsChange}

262 | className="block w
| ^'

file explorer

I personally would prefer the file explorer to be visible. It lets me as a developer know exactly what dependencies and files are being used which in turn could be super helpful while debugging. Thoughts?

file-explorer

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.