Plantilla open source de Next.js para crear apps con IA que ejecutan el código generado en sandboxes de E2B, similar a Claude Artifacts o v0.
Nutlope/llamacoder
Una alternativa de código abierto a Claude Artifacts que genera pequeñas aplicaciones React a partir de un solo prompt, con Llama 3.1 405B mediante Together AI.
Alternativa open source a:Claude Artifacts
- Estrellas
- 7,156
- Forks
- 1,676
- Issues abiertos
- 10
- Último commit
- hace 16 días
¿Qué es?
Llama Coder recibe un prompt en lenguaje natural y genera una pequeña aplicación web; muestra el código generado junto a una vista previa en vivo. Para la inferencia, utiliza Llama 3.1 405B de Meta a través de Together AI.
La vista previa se renderiza en el navegador: esbuild-wasm compila el código generado y esm.sh proporciona los paquetes importados. El resultado se ejecuta dentro de un iframe aislado. La aplicación está desarrollada con Next.js, usa el app router y Tailwind, y Prisma se conecta a una base de datos PostgreSQL, como Neon.
La configuración requiere una clave de Together AI y una URL de base de datos. La observabilidad con Braintrust y la carga de capturas de pantalla basada en S3 son configuraciones opcionales. El proyecto se distribuye bajo la licencia MIT.
Funciones clave
- 01Genera pequeñas aplicaciones a partir de un único prompt en lenguaje natural.
- 02Ejecuta el código generado en una vista previa en vivo dentro del navegador y de un iframe aislado.
- 03Utiliza Llama 3.1 405B para generar código mediante la inferencia de Together AI.
- 04Desarrollado con el app router de Next.js, Tailwind CSS y Prisma con PostgreSQL.
- 05Observabilidad opcional con Braintrust y carga de capturas de pantalla en S3.
Casos de uso
- Crear rápidamente prototipos de pequeñas interfaces interactivas a partir de una descripción de texto.
- Estudiar cómo se construye un generador de artefactos de IA con un renderizador en el navegador.
- Alojar tu propio generador de aplicaciones de IA con tu clave de Together AI y una base de datos.
Inicio rápido
- 1
Clona el repositorio
git clone https://github.com/Nutlope/llamacoder - 2
Crea un archivo .env y añade tus API keys (Together AI, la URL de la base de datos de Neon y, de forma opcional, la configuración de Braintrust y S3)
- 3
Instala las dependencias e inicia el servidor de desarrollo
npm install && npm run dev
Antes de usarlo
- Para ejecutarlo, se necesita una API key de Together AI de pago y una base de datos PostgreSQL (se recomienda Neon).
- Para subir capturas de pantalla se necesita un bucket de S3 y secretos adicionales, lo que complica la configuración del autoalojamiento.
Temas
Preguntas frecuentes
- ¿Qué es llamacoder?
- Una alternativa de código abierto a Claude Artifacts que genera pequeñas aplicaciones React a partir de un solo prompt, con Llama 3.1 405B mediante Together AI. Llama Coder recibe un prompt en lenguaje natural y genera una pequeña aplicación web; muestra el código generado junto a una vista previa en vivo. Para la inferencia, utiliza Llama 3.1 405B de Meta a través de Together AI.
- ¿llamacoder es gratuito? ¿Qué licencia tiene?
- llamacoder es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿llamacoder sigue mantenido?
- Mantenimiento activo. El último commit de llamacoder fue el 22 oct 2026.
- ¿Para qué puedo usar llamacoder?
- Crear rápidamente prototipos de pequeñas interfaces interactivas a partir de una descripción de texto. Estudiar cómo se construye un generador de artefactos de IA con un renderizador en el navegador. Alojar tu propio generador de aplicaciones de IA con tu clave de Together AI y una base de datos.
- ¿Cómo se instala llamacoder?
- Clona el repositorio: git clone https://github.com/Nutlope/llamacoder Crea un archivo .env y añade tus API keys (Together AI, la URL de la base de datos de Neon y, de forma opcional, la configuración de Braintrust y S3) Instala las dependencias e inicia el servidor de desarrollo: npm install && npm run dev
- ¿Dónde consigo llamacoder?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Nutlope/llamacoder
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una herramienta de código abierto que convierte un wireframe o una captura de pantalla en una app funcional con Kimi K2.5 y Together AI.
Convierte capturas de pantalla, maquetas, diseños de Figma y grabaciones de pantalla en código de front-end con HTML, Tailwind, React, Vue y otros formatos mediante modelos de IA.
Plantilla de chatbot con Next.js y Vercel AI SDK que usa Google Gemini de forma predeterminada y permite cambiar a otros proveedores de LLM.
Demo de código abierto en Next.js que recrea la Intelligent UI de ChatGPT y transmite respuestas del modelo como mapas, gráficos, formularios y herramientas interactivas basadas en OpenUI.
Espacio de chat y agentes de IA local en el navegador que ejecuta modelos WebLLM en tu dispositivo mediante WebGPU, sin backend ni cuenta.