AI KID
RE/MAX Patagon
Mateo Caño
En esta guía
#La idea en una línea
En 2026 el cuello de botella para construir un producto digital ya no es saber programar: es saber qué querés y explicarlo bien. Eso es vibecoding, describís, la IA construye, vos dirigís.
Ver cómo aplicar esta guía a mi marca
#El stack completo (5 piezas)
| Rol | Herramienta | Qué hace | Costo inicial |
|---|---|---|---|
| Ideas | Claude | Valida la idea, define el alcance, piensa el modelo | Gratis |
| Código | Claude Code | Escribe, prueba y corrige toda la app | Incluido desde el plan Pro (20 USD/mes) |
| Base de datos | Supabase | Guarda datos, maneja usuarios y logins | Gratis |
| Deploy | Railway / Vercel | Publica la app en internet con tu dominio | 5 USD/mes (plan Hobby de Railway) |
| Pagos | Stripe | Cobra suscripciones o ventas | % por transacción |
Precios a octubre de 2026, según las páginas oficiales de Claude, Supabase, Railway y Stripe.
#El proceso, paso a paso
1. Validá la idea ANTES de construir (1 hora)
Con Claude en el chat:
Quiero construir [tu idea]. Hacé de abogado del diablo:
- ¿Quién pagaría por esto y cuánto?
- ¿Qué existe ya y por qué esto sería distinto?
- ¿Cuál es la versión MÁS CHICA que prueba si funciona?
El error #1 del vibecoding es construir rápido algo que nadie quiere. La IA acelera la construcción, la validación sigue siendo tuya.
2. Definí el alcance de la v1 (30 min)
Pedile a Claude el documento de alcance: qué hace la versión 1 (máximo 3 funciones), qué NO hace todavía, y cómo se ve el flujo del usuario pantalla por pantalla. Este doc es tu contrato con vos mismo.
3. Construí con Claude Code
Abrí Claude Code y pegale el documento de alcance. Pedile que arme el proyecto y vaya mostrándote el resultado por partes. Reglas de oro:
- Una función por vez. "Hacé el login" → probás → "ahora las reservas".
- Probá todo como usuario después de cada paso. Si algo se rompe, se lo contás con palabras: "al apretar guardar no pasa nada".
- Pedile que te explique lo que hizo en lenguaje simple. Vas aprendiendo el mapa de tu propia app.
4. Conectá los servicios
Claude Code configura Supabase (datos + usuarios), el deploy en Railway y Stripe si cobrás. Vos solo creás las cuentas y le pasás las llaves, los pasos exactos te los dicta él.
5. Publicá e iterá
La app queda en internet con tu dominio. De ahí en adelante el ciclo es: feedback de usuarios → se lo contás a Claude Code → nueva versión. El mantenimiento es una conversación.
#Errores comunes
| Error | Qué hacer en cambio |
|---|---|
| Empezar a construir sin validar | 1 hora de abogado del diablo primero |
| Pedir toda la app en un prompt | Una función por vez, probando entre medio |
| No probar como usuario real | Click por click después de cada cambio |
| Sumar herramientas "por las dudas" | El stack mínimo hasta que algo lo pida |
| Publicar pagos sin probar en modo test | Stripe tiene modo test, usalo siempre primero |
#¿Cómo aplico esto hoy?
- Escribí tu idea en una oración.
- Corré el prompt de validación del paso 1.
- Si sobrevive, pedí el documento de alcance.
- Sábado a la mañana: abrí Claude Code y empezá por el login.
#Links útiles
- Claude Code: code.claude.com
- Supabase: supabase.com
- Railway: railway.com
- Las piezas del ecosistema: El ecosistema Claude completo
- Si lo tuyo es contenido: Contenido con IA sin cámara
- Otro camino para armar una app sin código, con Antigravity en vez de Claude Code: crear una app con Antigravity y conectarla a un agente de n8n
Si lo que necesitás no es una app sino la web de un negocio con portfolio, como un estudio de arquitectura, el camino más corto no es programar desde cero: es partir de un template ya armado en un marketplace y adaptarlo con IA. Ese proceso completo está en la guía para armar la web de tu estudio de arquitectura con IA.
Antes de adaptar el diseño, dejá por escrito las decisiones de tu marca con la guía para crear un archivo design.md. Ese contexto te sirve para revisar si las pantallas siguen el mismo criterio.
Quiero aplicar a mi caso la guía "Guía: Crear una web app con IA sin saber programar (vibecoding)" de Claura. Guía: https://claura-ai.com/resources/crear-web-app-con-ia-vibecoding Mi caso: [a qué me dedico, qué herramientas uso y qué quiero lograr] La guía cubre: - La idea en una línea - El stack completo (5 piezas) - El proceso, paso a paso - Errores comunes - ¿Cómo aplico esto hoy? Lee la guía (si no puedes abrir el link, trabaja con los temas de arriba). Si te falta información sobre mi caso, hazme hasta 3 preguntas antes de empezar. Después arma un plan para aplicar la guía paso a paso a mi caso y dime qué puedo hacer hoy en menos de una hora.
Cópialo y pégalo en tu agente: te pregunta lo que le falta de tu caso y arma el plan con los pasos de esta guía. ¿Prefieres que lo armemos nosotros? Agenda una llamada.
También te puede interesarGuía: El ecosistema Claude completo, Code, MCP, Skills, Cowork y másPara seguir con este tema
?Preguntas frecuentes sobre vibecoding
¿Qué es el vibecoding y cómo funciona?
Vibecoding es crear software describiendo en lenguaje natural lo que querés, y dejar que la IA lo traduzca a código funcional. En lugar de aprender a programar, aprendés a explicar bien: "quiero una app donde mis clientes reserven turnos y reciban un recordatorio por WhatsApp" es un prompt válido. Herramientas como Claude Code toman esa descripción, escriben el código, lo prueban y lo corrigen en ciclos, vos solo revisás el resultado y pedís ajustes. El término lo acuñó Andrej Karpathy y se popularizó tanto que el diccionario Collins lo eligió palabra del año 2025. Hoy lo usan founders no técnicos para construir sus primeras versiones, y el tiempo que lleva depende del alcance: una web simple sale mucho más rápido que una app con usuarios y pagos.
¿Qué herramientas necesito para crear una app con IA en 2026?
El stack mínimo tiene cinco piezas, casi todas con un plan gratuito para empezar (Claude Code no: viene incluido desde el plan Pro de Claude): Claude para pensar y validar la idea, Claude Code para escribir el código, Supabase como base de datos y login de usuarios, Railway o Vercel para publicarla en internet, y Stripe si vas a cobrar. Para prototipos ultra-rápidos sin tocar nada técnico existen además Lovable, Bolt y v0, que generan la app entera desde un prompt, sirven para validar una idea rápido, y cuando el proyecto crece lo migrás al stack completo. La regla práctica: empezá con lo que entiendas y sumá piezas cuando el proyecto las pida, no antes.
¿Puedo crear una app sin saber programar de verdad, o es marketing?
Se puede, con un matiz honesto: la IA escribe el código, pero vos seguís siendo el director del proyecto. Lo que NO necesitás: sintaxis, frameworks, años de estudio. Lo que SÍ necesitás: claridad sobre qué querés, paciencia para iterar (la primera versión nunca es la final) y criterio para probar que las cosas funcionen antes de publicar. Los casos reales abundan: gente sin experiencia técnica publicó landings, bots de WhatsApp, herramientas internas y SaaS chicos con Claude Code. Donde la cosa se pone seria, datos sensibles, pagos, miles de usuarios, conviene una revisión técnica puntual, que también podés contratar por proyecto. Para entender todas las piezas del ecosistema, mirá el ecosistema Claude completo.
¿Cuánto cuesta mantener una app hecha con IA?
Mucho menos de lo que se asume. Un stack típico de app chica, a octubre de 2026: Supabase tiene un plan gratuito con 500 MB de base de datos y 50.000 usuarios activos por mes (los proyectos gratis se pausan tras una semana sin actividad), Railway tiene un plan Hobby de 5 USD/mes, Stripe no cobra cuota mensual sino una comisión por transacción (2,9% más 30 centavos por tarjeta en Estados Unidos), y la suscripción de Claude que incluye Claude Code arranca en 20 USD/mes con el plan Pro (17 USD/mes con pago anual), con el plan Max desde 100 USD/mes para uso intensivo, según la página de precios de Claude. Para arrancar, el costo fijo es el plan de Railway más tu suscripción de IA. El costo grande del software tradicional era el tiempo de desarrollo, eso es exactamente lo que el vibecoding comprime. El mantenimiento también lo hacés conversando: "se rompió esto al subir una foto" suele alcanzar para que Claude Code encuentre y corrija el problema.
¿Puedo usar vibecoding para generar webs de muestra y mandárselas a prospectos?
Sí, es una aplicación directa de la misma lógica: en vez de programar cada web desde cero, completás una plantilla con los datos reales del prospecto y dejás que la IA arme el resto. La guía web de muestra para prospectar describe un flujo así de punta a punta, basado en un proyecto de código abierto que busca negocios con web débil, genera la web con sus datos reales y la publica como vista previa verificable antes de mandarla. La diferencia con armar tu propia web app es el objetivo final: ahí el resultado es para prospectar, no para quedarte usándolo vos.
Fuentes e inspiración
Un envío al mes con guías de Claude, prompts y automatización. Cero spam.
