Ficha
- Nivel
- Principiante
- Qué necesitas
- Una cuenta de Claude (el plan gratis alcanza para crear la app), una cuenta de Google (para Sheets) y, para publicarla, una cuenta gratis de Cloudflare. Nada de programación.
- Cuánto toma
- Unas 2 horas en total, repartidas en 7 partes cortas. Puedes hacer una parte por día, igual que en los videos.
Del cuaderno a una app que cuida tu dinero y tus clientes
Muchos negocios pequeños llevan todo en un cuaderno: placas, cobros, quién lavó qué. Al cierre la caja no cuadra, nadie sabe cuántos carros van en la cola y, lo más caro, nadie nota cuando un cliente frecuente deja de venir.
En esta serie construyo, paso a paso y solo con inteligencia artificial, una app para el celular que resuelve eso. Esta guía junta los prompts exactos de cada parte para que la hagas tú (o la adaptes a tu negocio: taller, salón, lavandería…). Se va actualizando con cada video.
Parte 1 · Entiende el problema (y qué tipo de app necesitas)
Antes de construir nada, define qué duele en el negocio. En un car wash típico: los cobros se apuntan a mano, no se sabe cuántos carros esperan y no hay registro de clientes. Después decide el tipo de app, porque de eso depende el costo:
- Nivel 1 · Solo en el celular: los datos viven en ese teléfono. Es la más sencilla: si solo la usas tú, pagas únicamente la IA con que la haces (y hay plan gratis).
- Nivel 2 · Conectada a internet: los datos se copian a una hoja de Google; varios teléfonos y el dueño desde su casa. Con Google Sheets y Cloudflare Pages, sus planes gratis alcanzan para empezar.
- Nivel 3 · Usuarios, pagos y servidor: inicio de sesión, cobros en línea, base de datos propia. Lleva un pago mensual de servidor y más trabajo de mantenimiento.
Tengo un car wash y llevo todo en un cuaderno. Quiero una app sencilla para el celular. Antes de construir nada, hazme 5 preguntas para entender mi negocio: servicios y precios, tipos de vehículo, cuántas personas trabajan, cómo aviso al cliente y qué quiero saber al cerrar el día. No escribas código todavía.
Parte 2 · Diséñala hablando con la IA
El error más común es pedir «hazme una app para mi car wash» en una línea: la IA inventa precios y pasos. En cambio, respóndele con datos reales, pídele el recorrido de un carro y, al final, un documento de requisitos de una página. Ese documento es el plano de tu app.
1) Servicios: Básico Q35, Completo Q60, Encerado Q90, Motor Q50. 2) El precio cambia por vehículo: SUV +25 %, pickup +35 %, moto −40 %. 3) Trabajan tres lavadores: Luis, Marta y Kevin. 4) Al cliente le aviso por WhatsApp cuando su carro está listo. 5) Al cerrar quiero saber cuánto vendí, qué servicio se vendió más y cuántos carros lavó cada quien. Con esto, propón cómo debería funcionar la app.
Describe paso a paso el recorrido de un carro dentro de la app, desde que llega hasta que se entrega y se cobra. Usa estos estados: En cola → Lavando → Listo → Entregado. ¿Qué se toca en cada paso y quién lo hace?
Resume todo en un documento de requisitos de una sola página: - Pantallas (Hoy, Nuevo, Clientes, Panel) y qué muestra cada una - Datos que guarda cada registro - Reglas de precios y de la tarjeta de sellos (5 lavados = el 6.º básico gratis) - Lo que la app NO debe hacer (pedir contraseñas, guardar datos de tarjetas) Escríbelo claro, para dárselo después a quien construya la app.
Parte 3 · Constrúyela con Claude
Pega el documento de requisitos en un chat nuevo y pide la app completa en un solo archivo HTML. Claude la muestra en la vista previa (artifact) y puedes probarla ahí mismo. Si algo no te gusta, no programas: se lo pides.
Con este documento de requisitos, crea la app completa en un solo archivo HTML (HTML, CSS y JavaScript juntos) para usarla en el celular. - Diseño limpio, botones grandes, todo en español y precios en quetzales. - Barra de navegación abajo: Hoy, Clientes, + Nuevo, Panel. - Guarda los datos en el teléfono (localStorage) para que no se borren al cerrar. - Pantalla Hoy: tarjetas por carro con su estado y un botón para pasar al siguiente estado. - Pantalla Nuevo: placa, nombre, WhatsApp, vehículo, servicio, lavador y forma de pago; el total se calcula solo. - Incluye un botón de «Cargar datos de ejemplo» para probarla.
Agrega «Moto» como vehículo con 40 % menos de precio en todos los servicios, y haz los botones más grandes y fáciles de tocar con el pulgar.
Parte 4 · Conéctala a internet con Google Sheets (nivel 2)
Así cada carro se copia a una hoja de Google: hay respaldo y el dueño lo ve desde su casa. Es gratis.
- Crea una hoja de Google llamada Car Wash · Lavados, con una pestaña Lavados y estos encabezados en la fila 1: ID, Fecha, Placa, Cliente, WhatsApp, Vehículo, Servicio, Lavador, Pago, Total, Estado.
- Abre Extensiones → Apps Script, borra lo que haya y pega el código de abajo. Guarda.
- Implementar → Nueva implementación → engrane → Aplicación web. Ejecutar como: Yo. Quién tiene acceso: Cualquier persona. Implementar, autoriza los permisos y copia el link que termina en /exec.
- En la app: ⚙️ Ajustes → pega el link en «Link de Google Sheets» → Guardar. Desde ahí, cada registro y cada cambio de estado llega a la hoja.
function doPost(e) {
const lock = LockService.getScriptLock();
lock.waitLock(10000);
try {
const d = JSON.parse(e.postData.contents);
const hoja = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Lavados');
const fila = [d.id, new Date(d.creado), d.placa, d.nombre, d.tel, d.vehiculo,
d.servicio, d.lavador, d.pago, d.total, d.estado];
const ids = hoja.getRange(1, 1, Math.max(hoja.getLastRow(), 1), 1).getValues().flat();
const i = ids.indexOf(d.id);
if (i > 0) hoja.getRange(i + 1, 1, 1, fila.length).setValues([fila]);
else hoja.appendRow(fila);
return ContentService.createTextOutput('ok');
} finally {
lock.releaseLock();
}
}Parte 5 · Clientes frecuentes y recordatorios por WhatsApp
Lo que más dinero deja es que los clientes regresen. Pide una tarjeta de sellos digital y una alerta de los frecuentes que dejaron de venir, con un botón que abre WhatsApp con el mensaje listo (el cliente no recibe nada hasta que tú le das enviar).
- Formato del link de WhatsApp: https://wa.me/502XXXXXXXX?text=… (código de país sin «+», sin espacios ni guiones; el texto va codificado con encodeURIComponent).
- Pide permiso antes de escribirle: «¿Te puedo avisar por WhatsApp cuando esté listo tu carro?».
Agrega la pantalla Clientes, armada a partir de los lavados guardados (agrupa por placa): - Visitas, total gastado y hace cuántos días vino. - Tarjeta de 5 sellos: al completar 5 lavados, el 6.º lavado básico sale gratis. Al escribir la placa en «Nuevo», avisa si ya le toca gratis. - Marca en rojo «No ha regresado» a los clientes con 3 o más visitas que llevan 15 días o más sin venir, y ponlos primero. - Botón «Enviar recordatorio» que abra https://wa.me/502NUMERO?text=MENSAJE con un mensaje amable que diga cuántos sellos lleva.
Parte 6 · El panel del dueño
Lo que de verdad le importa al dueño, en una pantalla y sin sumar a mano. Con eso decide: si el domingo es el día más fuerte, pone un lavador extra; si el encerado casi no se vende, le hace una promoción.
Agrega la pantalla Panel para el dueño: - Vendido hoy y la comparación (%) con el mismo día de la semana pasada. - Gráfico de barras de los últimos 7 días (resalta hoy). - Servicio más vendido de los últimos 30 días. - Cuántos carros lavó cada lavador hoy. - Ventas del mes, ticket promedio y número de clientes frecuentes. - Un botón que descargue todos los lavados en CSV para abrirlos en Excel.
Parte 7 · Publícala en el celular (gratis)
Para que funcione en cualquier teléfono, publícala en internet con Cloudflare Pages (gratis) y agrégala a la pantalla de inicio.
- Crea una cuenta gratis en dash.cloudflare.com → Workers & Pages → Crear aplicación → Pages → Subir archivos (arrastrar y soltar).
- Ponle nombre al proyecto (será tunombre.pages.dev) y arrastra la carpeta con index.html (y, si quieres, manifest.json y el ícono). Implementar.
- Para actualizarla: en el proyecto, Crear una nueva implementación y arrastra la carpeta otra vez.
- Android (Chrome): menú ⋮ → Agregar a la pantalla principal / Instalar app.
- iPhone (Safari): botón Compartir → Agregar a la pantalla de inicio.
- Cuánto cuesta, siendo claros: 1) la IA con que la construyes (Claude, ChatGPT, Codex…; hay plan gratis con límites y planes de pago de unos USD 20 al mes); 2) dónde vive: solo en tu celular no suma nada; en la nube, Cloudflare Pages y Google Sheets tienen plan gratis para empezar, y un dominio propio se paga por año; con usuarios, pagos y base de datos (nivel 3) hay pago mensual de servidor; 3) el mantenimiento: tu tiempo o lo que cobre quien te la mantenga. Bajo costo, pero no cero.
Errores comunes y cuidados
No compartas la hoja ni el link /exec. Pide permiso antes de escribirles por WhatsApp y nunca guardes contraseñas ni datos de tarjetas en la app.
El link de Apps Script acepta datos de quien lo tenga. Guárdalo solo en los teléfonos del negocio; si se filtra, crea una implementación nueva.
Si el teléfono se pierde o se borra el navegador, se pierden los datos. Conéctala a Sheets (parte 4) o descarga el CSV seguido.
Haz un día de prueba con datos de ejemplo. La IA puede equivocarse en un cálculo: revisa precios y totales.
Fuentes oficiales
Claude: publicar y compartir artifacts ↗Qué se puede hacer con el plan gratis y qué es de pago.Apps Script: aplicaciones web ↗Documentación oficial de doPost y la implementación como aplicación web.Apps Script: cuotas ↗Límites gratuitos de las cuentas de Gmail.Cloudflare Pages: subida directa ↗Publicar arrastrando la carpeta, sin GitHub.WhatsApp: clic para chatear ↗Formato oficial de los links wa.me.Tu siguiente paso
Empieza por la parte 1 hoy: pídele a la IA que te haga las 5 preguntas sobre tu negocio. Y si prefieres que te la construya yo, escríbeme por mensaje directo.
¿Quieres más guías como esta? Sígueme en @menteenautomatico:
En el grupo de WhatsApp comparto cada guía nueva primero.