Nutlope/llamacoder
Together AI를 통해 Llama 3.1 405B를 구동해 프롬프트 하나로 작은 React 앱을 생성하는, Claude Artifacts의 오픈소스 대안입니다.
대체할 수 있는 제품:Claude Artifacts
- 스타
- 7,155
- 포크
- 1,676
- 열린 이슈
- 10
- 마지막 커밋
- 15일 전
어떤 프로젝트인가요?
Llama Coder는 자연어 프롬프트를 입력받아 작은 웹 앱을 만들고, 생성된 코드와 실시간 미리보기를 함께 보여줍니다. 추론에는 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를 생성에 사용합니다.
- 04Tailwind CSS 및 PostgreSQL용 Prisma와 함께 Next.js app router를 기반으로 합니다.
- 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는 자연어 프롬프트를 입력받아 작은 웹 앱을 만들고, 생성된 코드와 실시간 미리보기를 함께 보여줍니다. 추론에는 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를 기반으로 모델 답변을 대화형 지도, 차트, 폼, 실제로 작동하는 도구로 스트리밍해 표시하는 오픈소스 Next.js 데모입니다.