Repolode
Nutlope

Nutlope/llamacoder

Together AI経由のLlama 3.1 405Bを活用し、単一のプロンプトから小規模なReactアプリを生成する、Claude Artifactsのオープンソース版です。

代替できる製品:Claude Artifacts

スター
7,156
フォーク
1,676
未解決の Issue
10
最終コミット
16 日前

これは何?

Llama Coderは自然言語のプロンプトを受け取り、小規模なWebアプリを生成します。生成されたコードとライブプレビューを並べて表示します。推論にはTogether AI経由で提供されるMetaのLlama 3.1 405Bを使用します。

プレビューはブラウザー上でレンダリングされます。esbuild-wasmが生成コードをコンパイルし、esm.shがインポートされたパッケージを提供します。生成物はサンドボックス化されたiframe内で実行されます。アプリ本体はapp routerとTailwindを使用するNext.jsプロジェクトで、Prismaを介してNeonなどのPostgreSQLデータベースに接続します。

セットアップにはTogether AIのキーとデータベースURLが必要です。Braintrustによるオブザーバビリティと、S3を利用したスクリーンショットのアップロードは任意の設定です。プロジェクトはMITライセンスで公開されています。

主な機能

  • 01単一の自然言語プロンプトから小規模なアプリを生成します。
  • 02生成コードをサンドボックス化されたiframe内で実行し、ブラウザー上でライブプレビューを表示します。
  • 03Together AIの推論を通じてLlama 3.1 405Bを生成に使用します。
  • 04Next.jsのapp router、Tailwind CSS、Prisma、PostgreSQLを使用して構築されています。
  • 05BraintrustによるオブザーバビリティとS3へのスクリーンショットアップロードに対応しています(いずれも任意)。

ユースケース

  • テキストの説明から、インタラクティブな小規模UIのプロトタイプをすばやく作成する。
  • ブラウザー側のレンダラーを使ったAIアーティファクト生成ツールの構築方法を学ぶ。
  • 自分のTogether AIキーとデータベースを使って、AIアプリビルダーをセルフホストする。

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone https://github.com/Nutlope/llamacoder
  2. 2

    .env ファイルを作成し、API キー(Together AI、Neon のデータベース URL、任意の Braintrust と S3 の設定)を追加する

  3. 3

    依存関係をインストールして、開発サーバーを起動する

    npm install && npm run dev

使う前に知っておきたいこと

  • 実行には、有料プランの Together AI API キーと PostgreSQL データベース(Neon を推奨)が必要です。
  • スクリーンショットのアップロードには S3 バケットと追加のシークレットが必要なため、セルフホスティングの設定に手間がかかります。

トピック

よくある質問

llamacoder とは?
Together AI経由のLlama 3.1 405Bを活用し、単一のプロンプトから小規模なReactアプリを生成する、Claude Artifactsのオープンソース版です。 Llama Coderは自然言語のプロンプトを受け取り、小規模なWebアプリを生成します。生成されたコードとライブプレビューを並べて表示します。推論にはTogether AI経由で提供されるMetaのLlama 3.1 405Bを使用します。
llamacoder は無料で使えますか?ライセンスは?
llamacoder は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
llamacoder は今もメンテナンスされていますか?
活発にメンテナンス中。llamacoder の最終コミットは 2026年10月22日 です。
llamacoder は何に使えますか?
テキストの説明から、インタラクティブな小規模UIのプロトタイプをすばやく作成する。 ブラウザー側のレンダラーを使ったAIアーティファクト生成ツールの構築方法を学ぶ。 自分のTogether AIキーとデータベースを使って、AIアプリビルダーをセルフホストする。
llamacoder のインストール方法は?
リポジトリをクローンする: git clone https://github.com/Nutlope/llamacoder .env ファイルを作成し、API キー(Together AI、Neon のデータベース URL、任意の Braintrust と S3 の設定)を追加する 依存関係をインストールして、開発サーバーを起動する: npm install && npm run dev
llamacoder はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/Nutlope/llamacoder

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト

E2Bのサンドボックスで生成コードを実行する、AI生成アプリ向けのオープンソースNext.jsテンプレート。Claude Artifactsやv0に相当します。

AI・機械学習#ai-code-generation#llm#nextjs
6406+2 今週865TypeScriptApache-2.0更新 一昨日