Inicio

Vibe Coding de un Control de Presupuesto en Excel con Claude Code

Vibe coding es como tener una conversación con su computadora: usted describe el resultado, Claude Code lo construye, usted prueba y refina. No es magia; es una nueva forma de trabajar donde usted guía la visión y la IA se encarga de la mecánica de la hoja de cálculo: fórmulas, formato y gráficos. Este tutorial le guía en la creación de un control de presupuesto real con varias hojas usando únicamente solicitudes en lenguaje natural.

Conceptos Clave

Lo Que Necesitará

Paso 1: Crear Nuevo Repositorio en GitHub

Ahora tiene un repositorio Git local y una copia de respaldo en GitHub.

Paso 2: Abrir el Proyecto en VS Code

Paso 3: Iniciar Claude Code

claude

Claude Code ya está en ejecución y listo para sus solicitudes.

Paso 4: Primer Vibe - Crear las Hojas de Ingresos y Gastos

En lugar de construir una hoja de cálculo celda por celda, simplemente describa lo que desea.

Crea una hoja de cálculo llamada budget.xlsx con dos hojas: "Ingresos" y "Gastos". Ingresos debe tener columnas para Fuente, Mes y Monto, con 3 fuentes de ingresos de ejemplo durante 2 meses. Gastos debe tener columnas para Categoría, Mes y Monto, con 6 categorías de ejemplo (como Alquiler, Supermercado, Transporte, Servicios, Entretenimiento, Teléfono) durante los mismos 2 meses. Agrega una fila Total al final de cada hoja usando fórmulas SUM.

Guarde su progreso: Pídale a Claude que haga commit con Git, o hágalo usted mismo desde GitHub Desktop:

Haz commit de estos cambios con Git.

Paso 5: Segundo Vibe - Agregar una Hoja de Resumen

Antes de crear gráficos, conecte las dos hojas.

Agrega una tercera hoja llamada "Resumen" a budget.xlsx. Debe mostrar Ingresos Totales, Gastos Totales y Ahorro Neto (Ingresos menos Gastos), cada uno calculado con fórmulas que hagan referencia a las hojas Ingresos y Gastos, no con números fijos. Debajo, agrega una pequeña tabla que muestre los Ingresos y los Gastos de cada mes, también con fórmulas.

Guarde su progreso: Pídale a Claude que haga commit, o use GitHub Desktop.

Paso 6: Tercer Vibe - Agregar Gráficos

Los números son útiles, pero los gráficos cuentan la historia de un vistazo.

Agrega un gráfico circular a la hoja Gastos que muestre la proporción total de cada categoría en el gasto, con una porción por categoría (ambos meses combinados). Agrega un gráfico de barras a la hoja Resumen que compare Ingresos Totales frente a Gastos Totales para cada mes.

Paso 7: Cuarto Vibe - Resaltar las Categorías que Superan el Presupuesto

Haga visibles los problemas de un vistazo en lugar de buscarlos entre los números.

En la hoja Gastos, agrega formato condicional para que cualquier gasto de más de $500 en un solo mes se resalte en rojo, y cualquier gasto de menos de $100 se resalte en verde. No colorees la fila Total.

Si algo no se ve bien, copie lo que ve y descríbaselo a Claude para que lo corrija.

Paso 8: Quinto Vibe - Agregar una Lista Desplegable de Categorías

Facilite ampliar la hoja sin errores de escritura.

Agrega validación de datos a la columna Categoría de la hoja Gastos para que solo acepte valores de una lista desplegable con las categorías existentes, más "Otro". Agrega dos filas vacías justo encima de la fila Total, listas para nuevas entradas, y asegúrate de que el Total, las fórmulas del Resumen, los totales del gráfico circular (con una porción "Otro") y las reglas de color las incluyan. Deja sin color las celdas vacías.

Paso 9: Revisar y Hacer Commit

Antes de hacer commit, revise lo que Claude construyó.

Agregar gráficos, formato condicional y lista desplegable de categorías al control de presupuesto

¡Ha guardado una versión completa y funcional de su control de presupuesto!

Paso 10: Iterar y Mejorar

Vibe coding brilla cuando usted itera. Pruebe agregar funciones describiéndolas:

Ejemplos de solicitudes a Claude:

Después de cada función exitosa:

Principios clave:

Cada vez, siga el patrón: describir → revisar el archivo → iterar → hacer commit.

Próximos Pasos

Solución de Problemas

Resumen del Flujo de Trabajo

Este tutorial combinó varias herramientas en un solo flujo de trabajo:

La magia no está en una sola herramienta: es cómo vibe coding le permite describir lo que desea e iterar rápidamente. Pasó de una carpeta vacía a un control de presupuesto funcional y lleno de gráficos sin escribir una sola fórmula a mano.

Flujo de Trabajo Diario

Después de esta configuración inicial, su rutina diaria de vibe coding será:

  1. Abra VS Code - Abra su carpeta de proyecto
  2. Inicie Claude Code - Escriba claude en la terminal
  3. Describa su objetivo - “Agrega una función que…” o “Corrige la fila donde…”
  4. Revise el archivo - Ábralo en Spreadsheet Viewer o en Excel/LibreOffice
  5. Itere o haga commit - Si algo no está bien, describa la corrección; si funciona, haga commit con GitHub Desktop
  6. Haga push con regularidad - Haga clic en Push origin para respaldar en GitHub

Cuanto más practique, mejor describirá lo que desea. Vibe coding es una habilidad: usted aprende qué tipo de descripciones funcionan mejor y cómo dividir grandes ideas de hojas de cálculo en partes que se puedan probar.

Creado por Steven Ge el 21 de septiembre de 2026.