El diccionario del vibe coding

48 términos

IAAgente

Una IA que no solo responde, sino que actúa: lee archivos, ejecuta comandos y encadena pasos hasta terminar una tarea.

Ejemplo: Claude Code y Codex son agentes.

IAAlucinación

Cuando la IA se inventa algo y lo dice con total seguridad: una función que no existe o un dato falso. Por eso conviene comprobar lo importante.

HerramientasAPI

La puerta por la que un programa habla con otro. Las webs usan APIs para pedir datos, cobrar, enviar emails o usar una IA.

CódigoBackend

La parte que no ves: el servidor que guarda los datos, comprueba contraseñas o procesa los pagos.

CódigoBase de datos

Donde se guarda la información de forma ordenada: usuarios, reservas, pedidos.

Ejemplo: Supabase te da una base de datos sin montar ningún servidor.

CódigoBug

Un fallo en el programa: algo que no hace lo que debería.

HerramientasCLAUDE.md

Un archivo con lo que Claude debe saber de tu proyecto. Lo lee siempre al empezar: es su memoria del proyecto.

Claude Code: tu primer día

HerramientasClave de APIAPI key

Una contraseña que identifica a tu programa ante un servicio. Si alguien la consigue, puede usar ese servicio a tu nombre y a tu cuenta.

Los errores que cometemos todos al empezar

CódigoCódigo abiertoOpen source

Código que cualquiera puede ver, usar y mejorar, según lo que permita su licencia.

HerramientasComando

Una orden que escribes en la terminal.

Ejemplo: npm run dev arranca tu web en tu ordenador.

PublicarCommit

Una foto del proyecto en un momento dado, con un mensaje que explica qué ha cambiado.

Git y GitHub en 5 minutos

CódigoCSS

La ropa de la web: colores, tamaños, tipografías y cómo se coloca cada cosa.

CódigoDepurarDebug

Buscar y arreglar un bug. Con IA: copiar el error completo y pedirle que te explique la causa antes de arreglarlo.

PublicarDespliegueDeploy

Publicar tu proyecto en internet para que cualquiera pueda verlo.

Publica en Vercel sin sustos

PublicarDominio

La dirección de tu web. Se alquila por años.

Ejemplo: miguelliebana.com

HerramientasEditor de códigoIDE

El programa donde ves y escribes el código, con ayudas como colores, autocompletado y la IA integrada.

Ejemplo: VS Code, Cursor o Antigravity.

IAEmbeddings

Una forma de convertir textos en listas de números que representan su significado. Los textos parecidos quedan «cerca», y eso permite buscar por significado y no solo por palabras exactas. Es la pieza que usa el RAG para encontrar lo relevante.

Ejemplo: «Coche» y «automóvil» quedan muy cerca aunque no compartan letras.

CódigoFramework

Un kit de piezas y normas para construir webs más rápido, sin empezar de cero.

Ejemplo: Next.js, con el que está hecha esta web.

CódigoFrontend

La parte de la web que ves y tocas en el navegador.

PublicarGit

Una máquina del tiempo para tu proyecto: guarda versiones y te deja volver a cualquiera de ellas.

Git y GitHub en 5 minutos

PublicarGitHub

La nube donde guardas tus proyectos de Git para no perderlos, compartirlos y publicar desde ahí.

Git y GitHub en 5 minutos

PublicarHosting

El servicio que guarda tu web y se la sirve a quien la visita.

Ejemplo: Vercel, donde está publicada esta web.

CódigoHTML

El esqueleto de una web: títulos, párrafos, imágenes y botones.

IAIA generativa

Inteligencia artificial que crea contenido nuevo (texto, código, imágenes o vídeo) a partir de lo que le pides.

CódigoJavaScript

Lo que hace que la web reaccione: menús que se abren, formularios que se envían, cosas que cambian sin recargar la página.

IALLMModelo de lenguaje grande

El tipo de IA que hay detrás de Claude o ChatGPT. Ha aprendido de enormes cantidades de texto a predecir qué viene después, y eso le permite conversar, explicar y escribir código.

Ejemplo: Claude es un LLM.

CódigoLocalhost

Tu web funcionando solo en tu ordenador mientras la construyes. Nadie más la ve.

Ejemplo: localhost:3000

HerramientasMCPConector

Model Context Protocol: un estándar para conectar la IA con otras aplicaciones, como Vercel, GitHub o tu calendario. Es como darle llaves, siempre con tu permiso.

Conecta Claude con tus herramientas

IAModelo

Cada versión concreta de una IA. Los grandes razonan mejor pero son más lentos y caros; los pequeños responden más rápido.

Ejemplo: Claude Opus, Claude Sonnet y Claude Haiku son modelos de distinto tamaño.

HerramientasModo plan

Un modo de Claude Code en el que piensa y te propone un plan sin tocar ningún archivo. Se activa con Shift + Tab.

Claude Code: tu primer día

IAMultimodal

Que entiende más que texto: imágenes, capturas de pantalla, PDFs o audio.

Ejemplo: Por eso puedes pegarle a Claude una captura de un error.

HerramientasNode.js

Lo que permite ejecutar JavaScript fuera del navegador. Casi todas las herramientas web modernas lo necesitan.

Qué necesitas: ordenador y herramientas

Herramientasnpm

El almacén de piezas de JavaScript: con npm install descargas lo que tu proyecto necesita para funcionar.

PublicarProducción y vista previa

Producción es la web real que ve todo el mundo; una vista previa (preview) es una copia con su propio enlace para probar cambios antes de publicarlos.

Publica en Vercel sin sustos

IAPrompt

Lo que le escribes a la IA: tu pregunta o tu instrucción. Cuanto más claro y con más contexto, mejor responde.

Cómo hablarle a Claude para que te entienda

PublicarPush y pull

Push sube tus cambios a GitHub; pull baja a tu ordenador los que hay allí.

IARAGGeneración aumentada por recuperación

Una técnica para que la IA responda usando tus propios documentos: primero busca los fragmentos que importan y después los usa para contestar. Así puede hablar de información que no estaba en su entrenamiento y decirte de dónde la ha sacado.

Ejemplo: Un chat que responde dudas de las familias usando el PDF del reglamento del cole.

PublicarRamaBranch

Una copia paralela del proyecto para probar algo sin romper la versión que funciona.

PublicarRepositorio

La carpeta de un proyecto junto con todo su historial de versiones.

CódigoResponsive

Que la web se adapta y se ve bien en móvil, tablet y ordenador.

HerramientasSkill

Un paquete de instrucciones (un archivo SKILL.md) que enseña a un agente a hacer una tarea concreta.

Skills: dale superpoderes a tu agente

PublicarSubdominio

Una dirección que cuelga de tu dominio. Si ya tienes el dominio, es gratis.

Ejemplo: vibecoding.miguelliebana.com

IATemperatura

Un ajuste que controla cuánto se arriesga la IA al elegir las palabras: baja da respuestas más previsibles y constantes; alta, más variadas y creativas, pero con más riesgo de errores. Se ajusta sobre todo cuando usas la IA desde una API.

Ejemplo: Baja para sacar los datos de una factura; más alta para inventar nombres para tu negocio.

HerramientasTerminal

Una ventana donde le das órdenes al ordenador escribiendo, en vez de con el ratón. Claude Code vive aquí.

IAToken

La unidad en la que la IA trocea el texto, más o menos un trozo de palabra. Los límites de uso y de memoria se miden en tokens.

Ejemplo: Una palabra larga pueden ser dos o tres tokens; una página de texto, cientos.

CódigoVariables de entorno.env

Ajustes y claves secretas que el proyecto lee de un archivo aparte (.env) para no escribirlas en el código. Nunca se suben a GitHub.

Ordena tus proyectos (y la IA te lo agradecerá)

IAVentana de contextoContexto

Todo lo que la IA puede tener en cuenta a la vez en una conversación: tus mensajes, sus respuestas y los archivos que lee. Cuando se llena, empieza a olvidar detalles.

Ejemplo: Como una mesa de trabajo de tamaño fijo.

La ventana de contexto: la memoria de trabajo de la IA

IAVibe coding

Construir software describiendo lo que quieres en lenguaje normal y dejando que la IA escriba la mayor parte del código. Tú diriges, decides y revisas.