Cómo crear una app con Claude sin saber programar
Del prototipo que funciona en el chat a la app publicada: qué se hace en un artefacto, cuándo pasar a Claude Code y qué hace falta para llegar al móvil.

- Una cuenta de Claude, sirve la gratuita para el prototipo
- Pro o superior para guardar datos en el artefacto
- Para Claude Code: un plan de pago o una cuenta de la consola de Anthropic
- Elegir entre artefacto, app web y app del móvil
- Hacer un prototipo que funciona dentro de claude.ai
- Ponerle IA y guardar datos en el artefacto
- Convertirlo en una app real con Claude Code
- Qué hace falta para publicar en las tiendas
Elegir el nivel que necesitas
Con Claude hay tres niveles de app, y cada uno pide más que el anterior. Uno: una herramienta que funciona dentro de claude.ai, en un artefacto, y que puedes compartir con un enlace. Sirve para una calculadora, un tablero de tareas, un cuestionario o un prototipo para enseñar. Dos: una app web real, con su dirección, sus usuarios y su base de datos, que se hace con Claude Code. Tres: una app en las tiendas del móvil, que suma las cuentas de Apple y Google. Empieza siempre por el uno, aunque quieras llegar al tres: en diez minutos sabes si la idea funciona, y ese prototipo es la mejor especificación para lo que venga después.
Hacer el prototipo en un artefacto
En claude.ai abre un chat y describe la app como se la contarías a una persona: para quién es, qué pantallas tiene y qué se hace en cada una. Claude la construye en el panel de artefactos, a la derecha, y ya funciona: se pulsan botones, se rellenan campos, se ven resultados. Ajústala pidiendo cambios en el mismo chat, uno por mensaje si son grandes.
Hazme una app para repartir los gastos de un
viaje entre amigos. Pantallas:
1. Añadir personas.
2. Apuntar un gasto: quién pagó, cuánto y entre
quiénes se reparte.
3. Resumen: quién le debe a quién, con el menor
número de pagos posible.
Que se use bien en el móvil y en euros.Ponerle IA y guardar datos
Un artefacto puede usar a Claude por dentro: pídele, por ejemplo, que la app lea un ticket y apunte el gasto sola. Quien la usa entra con su cuenta de Claude y gasta de su propio plan, no del tuyo, así que compartirla no te cuesta nada. Para que la app recuerde lo que se apunta entre visitas, los artefactos tienen almacenamiento persistente en los planes Pro, Max, Team y Enterprise. Tiene límites claros: solo funciona con el artefacto publicado, guarda texto hasta 20 MB y se borra entero si lo despublicas. Para un grupo de amigos sobra; para un negocio, es la señal de pasar al paso 4.
Añade un botón para subir la foto de un ticket:
que la app lea el importe y el concepto con IA
y rellene el gasto. Guarda los datos para que
sigan ahí la próxima vez que la abra.Pasar a una app real con Claude Code
Cuando necesites usuarios con contraseña, una base de datos de verdad, pagos o tu propio dominio, el chat se queda corto. Claude Code trabaja en una carpeta de tu ordenador: crea el proyecto, instala lo que haga falta, lo prueba y corrige los errores él mismo. Tú describes y decides; no hace falta escribir código, pero sí leer lo que te propone antes de aceptarlo. Pásale el prototipo como punto de partida. Para publicarla, lo habitual es Vercel o Netlify para la app y un servicio como Supabase para la base de datos y los usuarios, los tres con capa gratuita para empezar. Claude Code no crea esas cuentas: las creas tú y le das acceso.
En esta carpeta, convierte el prototipo de
prototipo.html en una app web real:
- usuarios con correo y contraseña
- cada grupo de viaje con sus gastos guardados
en una base de datos
- lista para publicar en Vercel
Antes de empezar, dime qué cuentas necesito
crear y qué vas a instalar.Llevarla al móvil
Muchas veces no hace falta: una app web bien hecha se abre en el móvil y se puede añadir a la pantalla de inicio. Si de verdad quieres estar en las tiendas, pídele a Claude Code la app con Expo, que genera la versión de iPhone y la de Android desde el mismo código. La pruebas en tu teléfono con la app Expo Go antes de publicar nada. Para publicar hacen falta las cuentas de desarrollador, que Claude no puede crear ni pagar: Apple cobra 99 USD al año y Google Play 25 USD una sola vez. Las dos revisan la app antes de aprobarla, y Apple suele ser más estricta.
Crea la versión móvil de esta app con Expo,
reutilizando la misma base de datos. Explícame
cómo probarla en mi móvil con Expo Go.Revisar antes de abrirla a otros
Antes de que la usen personas que no conoces, pídele a Claude que revise la app como lo haría alguien que quiere romperla: quién puede ver los datos de quién, qué pasa si alguien escribe algo raro en un campo, dónde están guardadas las claves. Lee la respuesta con calma y arregla lo que salga. Si la app cobra dinero o guarda datos personales, conviene que la mire también una persona con experiencia.
Revisa la seguridad de esta app: permisos entre
usuarios, datos que se envían al navegador,
claves expuestas y entradas sin validar. Dame la
lista ordenada por gravedad y arregla lo grave.Ya sabes crear una app con Claude sin programar: el prototipo en un artefacto, con IA y datos guardados, la app real con Claude Code y, si hace falta, la versión del móvil, sabiendo en cada paso qué pone Claude y qué pones tú. Si quieres tomar soltura antes del siguiente proyecto, el curso para empezar con Claude desde cero te da la base.