Claude es el asistente de inteligencia artificial de Anthropic y, en mi experiencia, una de las mejores IA para programar. Lo que más me gusta es que puedes ver la aplicación funcionando al instante, dentro del mismo chat, mientras la creas. En esta guía te explico cómo crear una aplicación con Claude paso a paso, aunque no sepas programar: desde la idea hasta publicarla y compartirla.
Por qué usar Claude para crear apps
- Vista previa en vivo con Artifacts: Claude muestra la app en un panel al lado del chat. Puedes usarla, probar botones y pedir cambios sin copiar código a ningún lado.
- Muy bueno escribiendo código: genera aplicaciones completas, ordenadas y con buen diseño desde el primer intento en muchos casos.
- Entiende instrucciones largas: puedes darle una descripción detallada de tu app y la respeta.
- Explica lo que hace: si le pides, te explica el código paso a paso, lo que te ayuda a aprender.
- Escala a proyectos grandes: con Claude Code puede trabajar sobre proyectos completos con muchos archivos.
Qué apps puedes crear con Claude
- Herramientas y calculadoras para tu trabajo o tu negocio.
- Juegos sencillos para navegador.
- Paneles con gráficas a partir de tus datos.
- Cuestionarios, encuestas y apps educativas.
- Páginas de aterrizaje y portafolios.
- Prototipos de apps para presentar una idea.
Qué necesitas
- Una cuenta en claude.ai (hay plan gratuito y planes de pago con más uso y modelos más capaces).
- Una idea clara de tu app.
- Opcional: Visual Studio Code y una cuenta de Netlify o GitHub para publicar fuera de Claude.
Cómo crear una aplicación con Claude paso a paso
Paso 1: Planifica la app con Claude
Antes de pedir código, usa a Claude como consultor. Escribe algo como: «Quiero crear una app para que los alumnos de mi clase practiquen vocabulario en inglés. Ayúdame a definir las funciones de la primera versión, las pantallas y cómo deberían guardarse los datos. Hazme preguntas si falta información». Este paso evita rehacer la app después.
Paso 2: Pide la app con un prompt detallado
Crea una app web interactiva para practicar vocabulario de inglés. Funciones: tarjetas con la palabra en inglés que al tocar muestran la traducción; botones «La sé» y «Repasar»; un modo de examen de 10 preguntas con opciones múltiples; contador de aciertos; y la posibilidad de añadir palabras nuevas. Diseño colorido y amigable para estudiantes, adaptado al celular, todo en español. Que funcione en un solo archivo.
Claude generará la app y la mostrará como Artifact en el panel lateral. Ya puedes usarla.
Paso 3: Prueba la app dentro del chat
Haz clic en todo, añade datos, intenta romperla. Anota lo que no funciona o lo que cambiarías. Esta prueba es la parte más importante: la IA escribe rápido, pero tú eres quien sabe si la app sirve.
Paso 4: Mejora la app con cambios concretos
Pide los cambios de uno en uno o de dos en dos:
- «Añade sonido cuando la respuesta es correcta».
- «Agrega categorías: animales, comida, colores, verbos».
- «Haz que las tarjetas giren con una animación».
- «Muestra un resumen al final del examen con las palabras falladas».
Claude actualiza el Artifact y puedes volver a versiones anteriores si un cambio no te gusta.
Paso 5: Corrige errores
Si algo falla, descríbelo con precisión: «Al terminar el examen, el contador sigue en 0». Si estás probando el archivo en tu navegador, abre la consola con F12 y copia el error en rojo. Claude suele encontrar la causa enseguida y te explica qué cambió.
Paso 6: Publica y comparte tu app
Tienes dos caminos:
- Publicar desde Claude: los Artifacts se pueden publicar y compartir con un enlace, para que otras personas usen la app en su navegador.
- Publicar en tu propio sitio: descarga o copia el código, guárdalo como index.html y súbelo a Netlify, GitHub Pages o tu hosting. Así la app vive en tu dominio y puedes añadirle publicidad o analíticas.
Paso 7: Conviértela en app instalable
Pídele a Claude: «Convierte esta app en una PWA instalable con manifest y service worker, y explícame dónde subir cada archivo». Con eso tus usuarios podrán instalarla en la pantalla de inicio del celular.
Proyectos más grandes con Claude Code
Cuando tu app crece (varias pantallas, base de datos, inicio de sesión), conviene pasar a Claude Code, la herramienta de Anthropic que trabaja directamente sobre los archivos de tu proyecto en tu computadora. Le pides tareas («añade un sistema de usuarios con correo y contraseña», «crea la versión móvil con React Native») y Claude lee el proyecto, edita los archivos y ejecuta comandos, pidiéndote permiso en cada paso. Requiere instalar algunas herramientas y aprender lo básico de la terminal, pero abre la puerta a apps mucho más completas.
Prompts útiles para crear apps con Claude
- «Antes de escribir código, propón la estructura de la app y espera mi aprobación».
- «Revisa esta app como lo haría un experto en experiencia de usuario y sugiere mejoras».
- «Explícame qué hace cada parte del código para que pueda modificarlo yo».
- «Haz la app accesible y revisa que funcione bien en pantallas pequeñas».
- «Agrega comentarios en español en el código».
Limitaciones y buenas prácticas
- Prueba siempre cada función; la IA puede cometer errores.
- No incluyas contraseñas ni claves privadas en el código de una app pública.
- Para guardar datos de muchos usuarios necesitarás un servicio de base de datos externo.
- Guarda copias de las versiones que funcionan.
Claude o ChatGPT para crear apps
Los dos son muy capaces. Claude destaca por la vista previa en vivo y por la calidad del código en proyectos largos; ChatGPT, por su ecosistema y su modo Canvas. Mi consejo es probar la misma app en ambos y quedarte con el que mejor se adapte a tu forma de trabajar. Si quieres ver el proceso con ChatGPT, aquí tienes cómo crear una aplicación con ChatGPT, y para una visión general, cómo crear una app sin saber programar.
Ideas de apps para crear con Claude este fin de semana
- Cotizador para tu negocio: eliges productos o servicios, cantidades y la app calcula el total con impuestos y genera un texto listo para enviar por WhatsApp.
- Planificador de comidas semanal: eliges recetas para cada día y la app genera la lista de compras agrupada por pasillo.
- Rastreador de hábitos: marcas cada día si cumpliste tus hábitos y ves tu racha y un calendario de progreso.
- Trivia para tu canal: preguntas sobre tu tema, con puntuación y un botón para compartir el resultado en redes.
- Calculadora de presupuesto de video: para editores y videógrafos, calcula el precio de un proyecto según duración, cámaras y edición.
- Tablero de tareas tipo Kanban: columnas de pendiente, en proceso y terminado, con tarjetas que se arrastran.
- Generador de nombres para canales o negocios: combina palabras según el estilo que elijas.
Cómo escribir un buen prompt para Claude: la fórmula
Después de crear muchas apps, esta es la estructura de prompt que mejor me funciona:
- Contexto: quién la usará y para qué («Soy maestro de primaria y quiero…»).
- Funciones: una lista numerada de lo que debe hacer.
- Datos: qué se guarda y dónde (en el navegador, en un archivo, en la nube).
- Diseño: estilo, colores, tamaño de botones, si es para celular o computadora.
- Restricciones: un solo archivo, sin librerías externas, en español.
- Entrega: «Muéstrame la app y al final explica cómo usarla y qué mejorarías».
Con esta fórmula, la primera versión suele ser muy cercana a lo que imaginabas.
Errores comunes al crear apps con Claude
- Pedir todo en un solo mensaje gigante: es mejor una primera versión sencilla y después mejoras de una en una.
- No decir para qué dispositivo es: si no lo especificas, la app puede verse mal en el celular.
- Aceptar sin probar: que la app se vea bien no significa que todos los botones funcionen.
- Olvidar dónde se guardan los datos: en un Artifact, los datos del navegador pueden perderse si cambias de dispositivo. Si la información es importante, pide una opción de exportar e importar.
- No guardar el código final: copia siempre la versión que funciona en un archivo propio.
Preguntas frecuentes
¿Claude es gratis para crear apps?
Tiene un plan gratuito con límites de uso. Para proyectos frecuentes o grandes conviene un plan de pago.
¿Necesito saber programar para usar Claude?
No para apps sencillas con Artifacts. Para Claude Code ayuda tener nociones básicas de la terminal.
¿Puedo vender una app hecha con Claude?
Sí, el contenido que generas puede usarse comercialmente según las condiciones de Anthropic; revisa sus términos actuales.
¿Claude puede crear apps para Android e iPhone?
Puede escribir el código, pero para compilar apps nativas necesitas las herramientas de cada plataforma. La vía más fácil es una PWA.
La mejor forma de aprender es crear algo pequeño hoy mismo. Soy Estutos y hasta luego.