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
リポジトリをクローンする
git clone https://github.com/Nutlope/llamacoder - 2
.env ファイルを作成し、API キー(Together AI、Neon のデータベース URL、任意の Braintrust と S3 の設定)を追加する
- 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 の数値は毎日更新されます。
関連プロジェクト
Kimi K2.5とTogether AIを活用し、ワイヤーフレームやスクリーンショットから動作するアプリを生成するオープンソースツール。
AIモデルを使って、スクリーンショット、モックアップ、Figmaデザイン、画面録画からHTML、Tailwind、React、Vueなどのフロントエンドコードを生成します。
OpenUIを基盤に、モデルの回答をインタラクティブな地図、チャート、フォーム、実際に使えるツールとしてストリーミング表示する、ChatGPTのIntelligent UIを再現したオープンソースのNext.jsデモ。