▸ IA localPaso 1 gratis
Una IA que vive en una pestaña: WebLLM sin instalar nada
WebLLM hace que un modelo de IA funcione dentro del navegador con tu tarjeta gráfica. Primero lo pruebas en su chat de demostración y luego creas tu propia página de 20 líneas con una IA dentro, que puedes publicar gratis.
Al terminar tendrás
- Un chat con IA funcionando en el navegador.
- Tu propia página con IA dentro.
- Saber qué es WebGPU.
En esta misión · 5 pasos · 18 min
Lo que vas a usar
18 min €0 8 GB RAM · sin GPU macOS · Windows
Antes de empezar
- Chrome o Edge actualizados (WebGPU).
1Paso 01 de 05 · ~4 min
Pruébalo sin instalar
La demostración oficial.
- 1
Abre chat.webllm.ai en Chrome o Edge. Elige un modelo pequeño (por ejemplo uno de Llama 3.2 1B o Qwen de 0,5-1,5B) y espera a que se descargue.
Así debería verse
WebLLM ejecuta el modelo en el navegador con WebGPU; la demostración WebLLM Chat lo muestra sin instalar nada.
- 2
Pregúntale algo y desconecta el wifi: sigue respondiendo.
Truco
🎉 Si te contesta sin internet, ¡nivel 1 superado! La IA está en tu pestaña.
Comprueba que funcionaEl chat responde con el wifi desconectado.
Si algo falla (1)
- Dice que WebGPU no está disponible
- Actualiza Chrome o Edge. En Safari y Firefox puede no estar activado todavía.
¿Sigues atascado? Pregunta en la comunidad Avisar de un error en este paso
- 1
Lo que desbloqueas
4 pasos · 6 comandos · 3 errores típicos resueltos
- 2Prepara tu página~3 min
Una carpeta y Node.
4 comandos · 2 errores resueltos · comprobación incluida
- 3Tu IA en 20 líneas~5 min
Un solo archivo.
1 comando · comprobación incluida
- 4Ábrela~3 min
Con un servidor local.
1 comando · 1 error resuelto · comprobación incluida
- 5Publícala gratis~3 min
Es una web estática.
Pasos 2–5 con el plan Anual
Primeros logros
Ya lo tienes funcionando. Pruébalo con esto:
Personaliza tu IA
Con un mensaje de sistema.
Escribe un mensaje de sistema para que mi página con WebLLM responda como un guía turístico de mi ciudad, con respuestas de 3 frases.
Mejora la página
Un poco de estilo.
Añade CSS a esta página para que parezca un chat (burbujas, fuente legible, botón grande): [pega index.html]
Siguiente nivel: Una calculadora de precios que se mueve sola
Calculadoras que se mueven solas.
Siguiente misiónCómo deshacerlo
Borra la carpeta de la página. El modelo descargado se borra borrando los datos del sitio en el navegador.
$rm -rf ~/webllmHaciendo esta misión juntos
Sé de los primeros en terminarla. Si te atascas, pregunta: quien ya la hizo te puede ayudar.