Cómo crear tu propia app con IA: Artifacts y Claude Code

¿Querés armar tu propia app pero no sabés programar? Hay dos caminos según hasta dónde querés llegar.

Nivel 1 — Claude Artifacts (sin código, gratis, en 5 minutos)

¿Qué es? Artifacts es una función de Claude que genera una mini-app directamente en el chat. No instalás nada, no necesitás cuenta especial, funciona desde el celular o la computadora.

¿Cuándo usarlo? Cuando querés algo funcional para uso personal, sin necesidad de que otras personas lo usen o de guardar datos entre sesiones.

¿Dónde está? Abrís claude.ai, arrancás una conversación nueva, y pegás el prompt.

Prompt de ejemplo — Tracker de gastos básico

Copiá esto y pegalo en Claude:

Quiero que me armes un tracker de gastos mensual como una app.

Necesito poder:
- Ingresar mi sueldo del mes y mi objetivo de ahorro
- Crear y editar categorías (comida, transporte, salidas, salud, etc.)
- Cargar gastos con fecha, descripción, monto y categoría
- Ver barras de progreso por categoría: verde si estoy bien, amarillo si me estoy pasando, rojo si me fui
- Ver en grande cuánto me queda disponible para gastar este mes
- Borrar o editar gastos ya cargados

Hacelo en una sola pantalla, que se vea bien desde el celular. Sin login, sin base de datos externa. Los datos se guardan mientras esté abierto el chat.

¿Qué pasa después? Claude te genera la app en el momento. Si algo no te gusta, le decís en el mismo chat: "agregá una columna de notas", "cambiá los colores", "quiero que también muestre el total del mes". Lo ajusta al instante.

Limitación clave: Los datos no se guardan si cerrás el chat. Es ideal para usar en el momento o para probar ideas.

Nivel 2 — Claude Code (app real, con base de datos, para compartir)

¿Qué es? Claude Code es una herramienta de línea de comandos donde le describís lo que querés construir y Claude escribe el código completo. El resultado es una app real que podés publicar en internet y que cualquiera puede usar.

¿Cuándo usarlo? Cuando querés que la app persista datos, tenga login, funcione en el celular como si fuera una app descargada, o quieras compartirla con otras personas.

¿Cuánto lleva? Para una app simple: 1 tarde. Para algo completo como el tracker de gastos de este reel: 2 o 3 días de a ratos.

¿Qué necesitás?

• Claude Pro o Max (plan pago)
• Claude Code instalado en tu computadora (instrucciones acá)
• Una cuenta gratuita en Vercel para publicarla

Prompt inicial de ejemplo — Tracker de gastos completo

Este es el tipo de prompt con el que arrancás. Cuanto más detallado, mejor:

Quiero construir una app web de control de gastos personales. 

Funcionalidades principales:
- Login con Google
- El usuario configura su sueldo mensual, objetivo de ahorro y tipo de cambio ARS/USD
- Puede crear categorías con nombre y emoji, cada una con un % del presupuesto asignado
- Carga gastos en pesos o dólares; la app convierte automáticamente al TC del mes
- Dashboard con barras de progreso por categoría (verde/amarillo/rojo)
- Vista de métricas: evolución del ahorro mes a mes, top gastos, proyección anual
- Los datos se guardan por usuario en la nube
- Diseño limpio, que funcione bien desde el celular

Stack: React + TypeScript. Auth y base de datos con Firebase. Deploy en Vercel.

Empezá por la estructura base del proyecto y la autenticación con Google.

¿Cómo sigue? Claude Code te va guiando paso a paso. Genera el código, te dice qué comandos correr, y vos le decís qué funciona y qué no. No necesitás entender el código — solo probarlo y describirle los cambios que querés.

Resumen rápido

Guía de @IAIAsinverso