Miércoles, 28 de octubre de 2026  ·  LATAM / Español
Principiante 58 min en total 6 pasos

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.

Daniel Puentes Prias
Consultor de IA · Actualizado el 24 de octubre de 2026
Imagen de portada editorial · Cómo hacer que Claude programe una app paso a paso · Educación · Claude Builders
Requisitos
  • 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
Lo que vas a aprender
  • 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
PASO 1 · ~3 min

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.

PASO 2 · ~10 min

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.

text
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.
Error comúnSi Claude te responde con código y no con el panel, activa en Configuración, Capacidades, la ejecución de código y creación de archivos.
PASO 3 · ~5 min

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.

text
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.
ConsejoPublicarlo es el botón Publish del artefacto. Con el enlace cualquiera la ve, pero para usar la parte de IA hace falta cuenta de Claude.
PASO 4 · ~20 min

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.

text
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.
Error comúnClaude Code necesita un plan de pago o una cuenta de la consola de Anthropic. Y nunca pegues contraseñas ni claves dentro del código: pídele que las guarde en variables de entorno.
PASO 5 · ~15 min

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.

text
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.
PASO 6 · ~5 min

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.

text
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.
Resultado

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.

PRÓXIMOS PASOS