Crea Tu Primera App
Todo lo que necesitas para ir de cero a una app funcionando — sin experiencia previa.
Contexto
¿Qué es una app?
Una app es un programa que resuelve un problema específico. Puede ser una página web, una herramienta interna, un dashboard, una tienda — cualquier cosa que viva en un navegador o en un teléfono. Lo que antes requería un equipo de desarrolladores y meses de trabajo, hoy lo puedes hacer tú solo con IA.
No necesitas saber programar. Necesitas saber qué quieres crear y comunicarlo bien. La IA escribe el código — tú diriges el proyecto.
Lo que necesitas
Editor de código
VS Code o Antigravity
Gratis. Es donde vive tu proyecto. Como un Word, pero para código.
Descargar VS Code →IA que escribe código
Claude Code o Cline
Le dices qué quieres construir y él crea los archivos, instala dependencias y escribe el código.
API para la IA
Anthropic API o Gemini API
La conexión entre tu editor y el modelo de IA. Anthropic para Claude, Google para Gemini.
Anthropic Console →Servidor en la nube
Cloudflare Workers
Donde vive tu app en internet. 100K requests/día gratis, sin tarjeta de crédito.
Cloudflare Workers →Base de datos
Supabase
Donde se guardan los datos de tus usuarios. Como un Excel, pero para apps reales.
supabase.com →¿Sin Claude Code o Antigravity Pro?
Puedes empezar completamente gratis con Cline (extensión de VS Code) conectado a Gemini API de Google (1,500 requests/día gratis, sin tarjeta). O usar OpenRouter con modelos gratuitos directamente desde Claude Code. Es la misma experiencia — diferente motor.
Ver guía: Alternativas gratis paso a paso →¿Qué es Claude Code?
Claude Code es un agente de IA que vive en tu terminal. Le describes lo que quieres y él crea archivos, instala dependencias, escribe código y corrige errores. Es como tener un desarrollador senior sentado al lado tuyo, disponible 24/7.
Se activa escribiendo claude en la terminal dentro de tu carpeta de proyecto. Desde ahí le escribes en español lo que quieres y él trabaja directamente en tus archivos. Necesita el plan Claude Pro ($20/mes) para funcionar sin límites.
Agentes y subagentes
Puedes decirle a Claude que lance varios agentes que buscan cosas en paralelo, como tener un equipo investigando al mismo tiempo. Uno analiza la competencia, otro elige las tecnologías, otro busca referencias de diseño — todo a la vez.
Lo que hace el prompt
Tres fases en una sola corrida
Entrevista rápida
Claude te hace 8 preguntas sobre tu idea — qué quieres construir, para quién es, qué funciones necesita. Si no sabes algo, dices ‘skip’ y se la salta. No hay respuestas incorrectas.
Investigación con subagentes
Lanza 3 investigaciones en paralelo: analiza competidores y mercado, evalúa el stack tecnológico ideal, y busca referencias visuales de apps con el estilo que te gusta.
Plan de arquitectura
Genera un documento completo: resumen ejecutivo, diagrama de arquitectura, stack con justificación, roadmap en 3 fases, estructura de carpetas y riesgos a considerar.
Todo antes de escribir código. Este prompt no genera una app — genera el plan perfecto para que cuando empieces a construir, ya sepas exactamente qué hacer. Es como contratar un consultor antes de arrancar.
El prompt
Copia y pega esto en Claude Code
Abre Claude Code en cualquier carpeta. Claude te entrevista, investiga en paralelo y te entrega un plan completo para tu app.
Eres un consultor de producto senior y arquitecto de software. Tu trabajo es ayudarme a investigar, planificar y diseñar mi aplicación ANTES de escribir una sola línea de código. ## FASE 1: Entrevista Rápida Hazme estas preguntas UNA POR UNA (espera mi respuesta). Si respondo "no sé", "skip" o similar, SALTA esa pregunta: 1. ¿Qué quieres construir? (Descríbemelo como a un amigo) 2. ¿Qué problema resuelve? 3. ¿Para quién es? (Edad, profesión, nivel técnico) 4. ¿Conoces algo parecido que ya exista? 5. ¿Cuáles son las 3 funciones más importantes? 6. ¿Tienes preferencia de tecnologías? (Si no sabes, yo elijo) 7. ¿Proyecto personal, MVP para lanzar, o producto serio? 8. ¿Hay algún estilo visual que te guste? Después de cada respuesta: "Perfecto ✓" y siguiente. Sé ágil. ## FASE 2: Investigación en Paralelo Cuando termine la entrevista, lanza estas 3 investigaciones simultáneamente usando subagentes: ### A — Competidores y Mercado - 5-8 productos similares: nombre, URL, qué hace bien, qué hace mal - Identifica la oportunidad que mi app puede llenar ### B — Stack Tecnológico - Framework frontend y por qué - Backend/API y por qué - Base de datos y por qué - Hosting/deploy y por qué - Librerías clave que ahorren semanas ### C — Referencias Visuales - 5-10 páginas/apps con diseño similar al estilo buscado - Qué tiene de bueno, qué elemento copiar ## FASE 3: Plan de Arquitectura 1. Resumen ejecutivo (3-4 oraciones) 2. Arquitectura propuesta (diagrama en texto) 3. Stack definitivo con justificación 4. Roadmap: Fase 1 (MVP) → Fase 2 (Mejoras) → Fase 3 (Escala) 5. Estructura de carpetas 6. Riesgos y decisiones pendientes ## REGLAS - Comunícate SIEMPRE en español (excepto términos técnicos) - Sé directo y concreto - Si algo es mala idea, DÍMELO con respeto - Al final pregunta: "¿Arrancamos con la Fase 1?"
Pro tip: Si no tienes idea de qué construir, dile "quiero algo que me ayude con [tu problema del día a día]". Claude te va a guiar desde ahí.
Después del plan: cuando Claude te pregunte "¿Arrancamos con la Fase 1?" dile que sí y empieza a construir tu app paso a paso, guiado por el roadmap que acaba de crear.
¿Listo para crear?
Cada semana saco una receta nueva. Sígueme para no perderte las próximas, o únete al grupo donde las discutimos.
← Volver al inicio