Desarrollo y seguridad Guía paso a paso

Construye tu primera app con Claude: de la idea al plan y del plan al código

Un método sencillo para convertir una idea en una aplicación funcional aunque no sepas programar: primero Claude te entrevista para definirla, después redacta un plan por fases y, por último, Claude Code la construye etapa a etapa mientras tú pruebas. Incluye prompts para cada fase, ideas de proyectos para empezar y las señales de que necesitas a un profesional.

Nivel
Principiante
Qué necesitas
Una cuenta de Claude con plan Pro o superior para usar Claude Code, y un ordenador con macOS, Windows o Linux.
Cuánto lleva
Media hora para la idea y el plan; una tarde para tener una primera versión funcionando.

01 El método en tres fases

El error más común al construir con IA es abrir Claude Code y escribir «hazme una app de reservas». El resultado arranca rápido, pero en cuanto pides cambios se desordena, porque nadie definió qué tenía que hacer ni en qué orden. La solución es separar pensar de construir.

01

1. Entrevista

En el chat de Claude, dejas que te pregunte hasta que la idea esté clara: para quién es, qué problema resuelve, qué es imprescindible.

02

2. Plan

Claude convierte las respuestas en un documento con funciones, prioridades, tecnologías y fases. Ese archivo es tu mapa.

03

3. Construcción

Claude Code lee el plan y construye fase a fase. Tú pruebas cada etapa antes de pasar a la siguiente.

02 Fase 1: deja que Claude te entreviste

Hazlo en el chat normal de Claude, en la web o la app. Lo importante es que Claude pregunte una cosa cada vez y no empiece a proponer soluciones hasta entender el problema. Responde con ejemplos reales de tu negocio: «un cliente me escribe por WhatsApp, le paso precios, me confirma y lo apunto en una libreta» es mucho más útil que «quiero gestionar reservas».

Prompt · Iniciar la entrevista
Quiero crear una aplicación para [describe la idea en una frase]. Antes de proponer nada, entrevístame para entender bien qué necesito. Hazme una sola pregunta cada vez y espera mi respuesta. Cubre: quién la va a usar, qué problema resuelve hoy y cómo se hace ahora, qué tres cosas son imprescindibles en la primera versión, qué datos maneja (y si hay datos personales o pagos), desde qué dispositivos se usará y si hay alguna aplicación parecida que me guste o me disguste. Cuando tengas suficiente información, dime qué has entendido en diez líneas y pregúntame si está bien.

03 Fase 2: el plan del proyecto

Prompt · Convertir la entrevista en un plan
Con todo lo que hemos hablado, redacta el plan del proyecto en Markdown para guardarlo como PLAN.md. Incluye: 1) nombre y descripción en tres líneas; 2) usuarios y qué hace cada uno; 3) funciones de la primera versión, con criterios de aceptación comprobables; 4) lo que queda fuera de la primera versión; 5) tecnología recomendada y por qué, priorizando opciones sencillas de mantener y alojar; 6) modelo de datos básico; 7) fases de construcción, cada una con algo que yo pueda probar al terminarla; 8) riesgos y dudas abiertas. Escríbelo para que lo entienda alguien sin conocimientos técnicos.
  • ✓Cada función tiene un criterio que puedes comprobar tú mismo («al reservar, llega un correo de confirmación»).
  • ✓Las fases son pequeñas: cada una se termina en una sesión y deja algo visible.
  • ✓Está claro qué NO se hará en la primera versión.
  • ✓Si hay datos personales, el plan menciona cómo se protegen.
  • ✓Guardas el archivo como PLAN.md dentro de una carpeta nueva para el proyecto.

04 Fase 3: construir con Claude Code

bash · Instalar Claude Code (macOS, Linux o WSL)
curl -fsSL https://claude.ai/install.sh | bash
text · Instalar Claude Code (Windows PowerShell)
irm https://claude.ai/install.ps1 | iex
  1. 1

    Abre la carpeta del proyecto

    En la terminal, entra en la carpeta donde guardaste PLAN.md y escribe claude. La primera vez te pedirá iniciar sesión.

  2. 2

    Entra en modo plan

    Pulsa Mayús+Tab hasta ver el modo plan, o empieza tu mensaje con /plan. En este modo Claude investiga y propone sin tocar archivos.

  3. 3

    Revisa y aprueba

    Lee la propuesta para la primera fase. Si algo no encaja con tu idea, díselo antes de aprobar.

  4. 4

    Prueba cada fase

    Al terminar una etapa, pide instrucciones para abrirla en el navegador y comprueba los criterios de aceptación del plan.

  5. 5

    Guarda puntos de control

    Pide a Claude que haga un commit de Git al terminar cada fase que funcione. Si algo se rompe después, podrás volver atrás.

Prompt · Arrancar la construcción
Lee PLAN.md completo. Vamos a construir solo la fase 1. Propón cómo la vas a implementar, qué archivos crearás y cómo la probaré yo sin conocimientos técnicos. Cuando apruebe el plan, constrúyela, inicializa un repositorio Git y haz un commit al terminar. Después explícame en lenguaje sencillo qué has hecho, cómo abrirlo y qué debería ver. No empieces la fase 2 hasta que yo te lo diga.
Prompt · Cuando algo no funciona
Al pulsar [botón o acción] esperaba que [resultado esperado], pero ocurre [lo que pasa, con el mensaje de error exacto si lo hay]. Investiga la causa antes de cambiar nada, explícamela en dos líneas y propón la corrección más pequeña posible. Después de corregir, comprueba que lo que ya funcionaba sigue funcionando.

05 Ideas de primeros proyectos para un negocio

Proyecto Para qué sirve Dificultad
Calculadora de presupuestos Que tu equipo o tus clientes obtengan un precio orientativo al momento Baja
Página de captación Presentar un servicio y recoger solicitudes de contacto Baja
Registro interno de incidencias Que el equipo apunte y cierre tareas o averías en un solo sitio Media
Reservas de citas sencillas Mostrar huecos disponibles y confirmar por correo Media
Portal de clientes con acceso Que cada cliente vea sus documentos o pedidos Alta: usuarios, permisos y datos personales

06 Límites: cuándo necesitas a un profesional

  • ✓Nunca pegues contraseñas ni claves de API en el chat; guárdalas en un archivo .env que no se suba a Git.
  • ✓Pide a Claude que revise la seguridad antes de publicar: validación de formularios, permisos y dependencias.
  • ✓Si la conversación se alarga mucho, empieza una nueva sesión pidiéndole que lea PLAN.md y el estado del proyecto.

Preguntas frecuentes

No para construir un prototipo. Sí te conviene aprender lo básico de la terminal y de Git para no perderte. Cuanto más entiendas lo que hace Claude, mejores decisiones tomarás.

Puedes, pero separar la conversación de producto (qué hacer) de la técnica (cómo hacerlo) da mejores resultados y te deja un plan que puedes reutilizar si empiezas de nuevo o contratas a alguien.

Depende de la tecnología. Pide a Claude que te recomiende un alojamiento adecuado y te guíe en el despliegue, y valora el coste mensual y quién la mantendrá antes de elegir.

La entrevista y el plan, sí, en el chat. Claude Code requiere un plan de pago o una cuenta de API.

Sobre el autor

Equipo editorial de appyweb

Marketing, SEO y desarrollo con IA

Especialistas de appyweb en SEO, publicidad, desarrollo web y automatización con IA.

Sigue con estas guías

Guía paso a paso · Intermedio

Modo plan y modo automático en Claude Code: planifica antes de soltarlo

El modo automático de Claude Code deja trabajar sin pedir permiso en cada paso y un clasificador bloquea lo destructivo. Pero el clasificador protege del daño, no del rumbo equivocado. Esta guía explica los seis modos de permisos, qué bloquea el automático, cómo dejar tus proyectos arrancando en modo plan y cómo convertir tus límites en reglas.

Unos 15 minutos para configurarlo en un proyecto. Leer la guía →
Guía paso a paso · Principiante

Primero conversa, después construye: el flujo de dos sesiones en Claude Code

Un método de trabajo para proyectos con Claude Code que evita el resultado a medias: diseñar en una sesión aparte con un modelo ligero y The Architect, exportar un plano completo y construir en una carpeta nueva, con contexto limpio y el modelo más capaz, paso a paso y verificando cada fase.

Entre 20 y 60 minutos de diseño según el proyecto, más la construcción. Leer la guía →
Guía paso a paso · Principiante

Cómo instalar Claude Code en Mac, Windows y Linux

Todo lo necesario para tener Claude Code funcionando: qué plan hace falta, cuándo elegir la app de escritorio o la terminal, los comandos oficiales de instalación para cada sistema, el primer inicio de sesión, cómo comprobar que todo está bien y cómo mantenerlo actualizado. Pensado para quien lo instala por primera vez.

Unos 10 minutos Leer la guía →
Guía paso a paso · Principiante

De la idea al código con Claude Code: un flujo en cuatro fases encadenando Haiku, Sonnet y Opus

El bloqueo de abrir Claude Code y no saber por dónde empezar se resuelve con un proceso: aclarar la idea con preguntas, convertirla en una especificación, pedir un plan técnico y ejecutarlo por fases. Cada fase usa el modelo que mejor encaja y deja un archivo que sirve de entrada a la siguiente. Para emprendedores y perfiles no técnicos.

Una o dos horas para las tres primeras fases; la construcción depende del tamaño del proyecto. Leer la guía →
Guía paso a paso · Principiante

Empieza a construir proyectos para clientes con Claude Code y herramientas de plan gratuito

Puedes construir una web o una pequeña aplicación para un cliente sin pagar hosting, base de datos ni autenticación hasta que el proyecto lo justifique. Esta guía explica qué pieza usar para cada cosa, qué límites tienen los planes gratuitos, cómo enseñar una demo funcional y en qué momento toca pasar a un plan de pago.

Una tarde para dejar el entorno listo y publicar tu primera demo Leer la guía →

¿Quieres llevar la IA a tu empresa sin pelearte con todo esto?

Diseñamos e implantamos agentes, automatizaciones y asistentes con IA a medida de tu negocio.

Ver nuestros servicios de IA

Cuéntanos tu proyecto. Te respondemos en 48 h.

Auditoría gratuita de IA, campañas, web y SEO, con prioridades y cifras reales de tu negocio.

✓ Sin compromiso ✓ Respuesta en 48 h laborables ✓ Un consultor senior, no un bot
WA WhatsApp