Cheat Sheet completo para no programadores
Vibe Coding, APIs y OpenClaw sin quemarte el cerebro
Guía explicada fácil: conceptos técnicos, ejemplos con apps reales, cómo conectar plataformas, buenas prácticas y cómo construir con IA sin depender ciegamente.
1. La idea principal
No tenés que ser programadora. Tenés que aprender a pensar como directora de sistemas.
La IA puede escribir código, pero vos necesitás entender el plano: qué problema se resuelve, qué datos entran, dónde se guardan, qué sale y qué puede fallar.
2. Vibe coding explicado fácil
Vibe coding es construir software con IA describiendo lo que querés. Puede ser poderoso si lo usás para pensar mejor, no para copiar sin entender.
Bueno
Vibe coding inteligente
“Quiero un formulario que mande respuestas a WhatsApp. Explicame arquitectura, riesgos y código.”
Peligroso
Vibe coding ciego
“Pegá este código. No sé qué hace. Lo subo igual.”
3. Conceptos técnicos base
| Concepto | Explicado fácil | Ejemplo |
|---|---|---|
| Frontend | Lo que el usuario ve y toca. | Feed de Instagram, botones, formularios. |
| Backend | La cocina escondida donde se procesan reglas. | Uber calcula precio y asigna conductor. |
| Base de datos | Lugar donde vive información ordenada. | Clientes, órdenes, inventario. |
| API | Puerta para que dos sistemas hablen. | OpenClaw pide datos a Shopify. |
| Webhook | Aviso automático cuando pasa algo. | Stripe avisa que hubo pago. |
| Hosting | Casa donde vive tu app online. | Netlify, Hostinger, Vercel. |
| Dominio | Dirección fácil de recordar. | negoconsulting.ai. |
| Debugging | Buscar el problema como detective. | Ver por qué un botón no manda WhatsApp. |
4. Cómo pensar una app antes de pedir código
5. Apps famosas vistas como sistemas simples
Uber
Entrada: ubicación y destino.
Proceso: calcula ruta y precio.
Salida: conductor asignado.
Entrada: fotos, likes, comentarios.
Proceso: recomienda contenido.
Salida: feed y reels.
Amazon
Entrada: carrito y pago.
Proceso: revisa inventario.
Salida: orden y tracking.
Entrada: texto, audio, foto.
Proceso: entrega mensaje.
Salida: enviado, recibido, leído.
6. Buenas prácticas de vibe coding
- Pedí explicación antes de copiar código.
- Construí por bloques pequeños.
- Probá una cosa a la vez.
- Guardá versiones antes de cambiar algo que funciona.
- Preguntá por riesgos y seguridad.
- Pedí que la IA te haga preguntas para comprobar si entendiste.
7. Lo que NO deberías hacer
- No subir API keys en HTML público o GitHub público.
- No tocar pagos, contraseñas o datos privados sin revisar.
- No automatizar escritura antes de probar lectura.
- No trabajar en modo “high” hasta la madrugada todos los días.
- No pedir “arreglá todo” sin leer primero el error.
8. Prompts útiles para pensar mejor
| Situación | Prompt |
|---|---|
| No entiendo | “Explicame esto con analogía de restaurante: cliente, mesero, cocina y caja.” |
| Voy a construir | “Dividí esta app en frontend, backend, base de datos, integraciones y riesgos.” |
| Error | “No me des código todavía. Ayudame a diagnosticar este error.” |
| Aprendizaje | “Haceme 5 preguntas para comprobar si entendí.” |
9. Cómo no atrofiar el cerebro
10. Cómo no quemarte
La IA puede sentirse como una máquina de dopamina. El problema no es crear; el problema es nunca apagar.
- No usar IA en la cama.
- Cerrar el día con una lista de “mañana sigo con esto”.
- Caminar sin pantalla ni podcast.
- Comer y tomar agua antes de sesiones largas.
- Si te sentís acelerada por semanas, bajá estímulo y hablá con un profesional.
11. Rutina ideal para aprender sin quemarte
| Tiempo | Qué hacer |
|---|---|
| 10 min | Definir un solo problema. |
| 25 min | Construir con IA por bloques. |
| 10 min | Probar y anotar qué falló. |
| 10 min | Pedir explicación de lo construido. |
| 5 min | Guardar versión y cerrar. |
12. Tu mapa mental de sistema
Persona
¿Quién usa esto?
Acción
¿Qué quiere hacer?
Dato
¿Qué información entrega?
Regla
¿Qué decide el sistema?
Resultado
¿Qué recibe el usuario?
Riesgo
¿Qué puede salir mal?
13. Frase guía
Yo no necesito saberlo todo. Necesito entender lo suficiente para dirigir, cuestionar, probar y decidir.
14. Diccionario técnico completo para vibe coding
| Término | Explicado fácil | Ejemplo real |
|---|---|---|
| SQL | Lenguaje para pedir información a una base de datos con tablas. | “Mostrame órdenes de abril.” |
| JSON | Formato ordenado para mandar datos entre sistemas. | Un webhook manda una orden en JSON. |
| CSV | Archivo simple tipo Excel separado por comas. | Exportar inventario o contactos. |
| API | Puerta oficial para que dos sistemas hablen. | OpenClaw consulta Shopify. |
| API Key | Llave secreta para usar una API. | Clave de OpenAI o Shopify. |
| OAuth | Permiso oficial sin compartir contraseña. | “Conectar con Google”. |
| Scope | Permiso específico. | Leer Sheets, enviar Gmail. |
| Access Token | Llave temporal para usar una cuenta conectada. | Token de Meta. |
| Refresh Token | Llave para renovar acceso. | Google mantiene sesión sin pedir login. |
| Environment Variables | Lugar seguro para secretos fuera del código. | .env con API keys. |
| Webhook | Aviso automático. | Shopify avisa nueva orden. |
| Endpoint | Dirección específica de una API. | /orders, /products. |
| Request | Pregunta o acción que mandás. | “Dame productos.” |
| Response | Respuesta de la API. | Lista en JSON. |
| Payload | Paquete de datos que viaja. | nombre, email, producto. |
| Headers | Información extra de una request. | Authorization, Content-Type. |
| Status Code | Número que dice si funcionó. | 200 OK, 401 sin permiso, 404 no encontrado. |
| Rate Limit | Límite de llamadas a una API. | Si preguntás demasiado rápido, te frena. |
| REST | Estilo común de API con URLs. | GET /products. |
| GraphQL | API donde pedís exactamente los campos que querés. | Shopify Admin API. |
| HTTP | Idioma base de la web. | Tu navegador usa HTTP/HTTPS. |
| GET | Leer información. | Traer productos. |
| POST | Crear información. | Enviar formulario. |
| PUT / PATCH | Actualizar información. | Cambiar precio. |
| DELETE | Borrar información. | Eliminar registro. |
| CRUD | Crear, leer, actualizar, borrar. | Base de casi toda app. |
| SDK | Paquete que facilita usar una API. | Google SDK, Shopify SDK. |
| CLI | Herramienta para controlar sistemas desde terminal. | gcloud, netlify, aws. |
| Terminal | Pantalla para escribir comandos. | Instalar paquetes. |
| SSH | Entrar seguro a un servidor remoto. | Conectarte a Hostinger. |
| Server | Computadora donde corre una app. | VPS, AWS, Hostinger. |
| Cloud | Servicios y servidores en internet. | AWS, Google Cloud, Azure. |
| Deployment | Publicar una app online. | Subir a Netlify. |
| Sandbox | Ambiente de prueba. | Pagos falsos en Stripe. |
| Production | Ambiente real. | Tienda Shopify real. |
| Logs | Registro de lo que pasó. | “Webhook recibido”. |
| Error Handling | Manejo de errores sin romper todo. | Si falla WhatsApp, guardar pendiente. |
| Validation | Revisar datos antes de guardar. | Email válido, cantidad mayor que cero. |
| Schema | Molde de los datos. | Producto: SKU, nombre, precio. |
| Cache | Guardar temporalmente para acelerar. | Catálogo guardado 10 minutos. |
| Queue | Fila de tareas pendientes. | Enviar 500 emails poco a poco. |
| Cron Job | Tarea programada. | Actualizar dashboard cada mañana. |
| Backup | Copia de seguridad. | Exportar base o Sheets. |
15. Diccionario de código, datos y herramientas
| Término | Explicado fácil | Ejemplo |
|---|---|---|
| HTML | Estructura de una página. | Títulos, botones, formularios. |
| CSS | Diseño visual. | Colores, márgenes, tipografías. |
| JavaScript | Acciones en una página. | Botón que manda WhatsApp. |
| Python | Lenguaje usado en datos, IA y automatización. | Leer CSV, generar reportes. |
| Node.js | JavaScript fuera del navegador. | Backend o bot. |
| npm | Gestor de paquetes de JavaScript. | Instalar librerías. |
| Package | Paquete de código reutilizable. | Librería para enviar emails. |
| Dependency | Paquete que tu proyecto necesita. | React, Express, Google APIs. |
| Database | Base de datos. | Clientes, órdenes, productos. |
| NoSQL | Base flexible sin tablas tradicionales. | Firebase, MongoDB. |
| PostgreSQL | Base SQL potente. | Sistemas con relaciones y reportes. |
| MySQL | Base SQL común. | Tiendas y sistemas internos. |
| Supabase | PostgreSQL + auth + APIs listas. | App rápida con login. |
| Firebase | Plataforma de Google para apps. | Login, base, notificaciones. |
| Airtable | Spreadsheet más estructurado. | CRM simple o catálogo. |
| Google Sheets | Hoja que puede ser base simple. | Inventario, reportes. |
| Google Drive | Almacenamiento de archivos. | Fotos, PDFs, evidencias. |
| Apps Script | Automatización dentro de Google Workspace. | Bot que escribe en Sheets. |
| Zapier | No-code para conectar apps. | Nuevo lead → fila en Sheets. |
| n8n | Automatización más flexible. | Flujos con APIs e IA. |
| OCR | Leer texto en imágenes o PDFs. | Extraer datos de facturas. |
| LLM | Modelo de IA que entiende lenguaje. | ChatGPT, Claude, Gemini. |
| Prompt | Instrucción para la IA. | “Analizá este error.” |
| Token | Pedacitos de texto que procesa IA. | Más texto = más tokens. |
| Automation | Proceso que corre solo. | Reporte automático semanal. |
16. Diccionario de Git y GitHub
| Término | Explicado fácil | Ejemplo |
|---|---|---|
| Git | Sistema para guardar historial. | Regresar a versión buena. |
| GitHub | Lugar online para proyectos de código. | Google Drive para software. |
| Repository / Repo | Carpeta principal del proyecto. | Repo de OpenClaw. |
| Commit | Guardar cambio con nota. | “Agregué botón WhatsApp”. |
| Branch | Rama para probar cambios. | nuevo-diseño. |
| Merge | Unir ramas. | Pasar cambios a main. |
| Pull Request | Solicitud para revisar cambios. | Antes de publicar. |
| Clone | Copiar repo a tu compu/servidor. | Bajar proyecto. |
| Fork | Copiar proyecto a tu cuenta. | Modificar plantilla open source. |
| Version Control | Control de versiones. | Saber qué cambió y cuándo. |
| Open Source | Código abierto. | Linux, WordPress. |
17. Cómo conectar plataformas: OpenClaw, Meta, LinkedIn, Shopify y Google
| Plataforma | Forma común | Qué podés hacer | Cuidado |
|---|---|---|---|
| Shopify | Shopify Admin API, GraphQL, REST, Webhooks | Productos, inventario, órdenes, clientes. | Probar antes de tocar inventario. |
| Meta / Instagram / Facebook | Meta Graph API, OAuth, Webhooks | Mensajes, posts, WhatsApp Business, ads. | Permisos y app review. |
| LinkedIn API, OAuth, app review | Posts, páginas, campañas, analytics. | Más restrictivo. | |
| Google Workspace | OAuth, Service Account, Apps Script, Google APIs | Sheets, Drive, Gmail, Calendar, Docs. | Permisos mínimos. |
| Google Cloud CLI | gcloud CLI | Proyectos, auth, servidores, servicios. | Leer comandos antes de correr. |
| OpenClaw | Plugins, API calls, webhooks, env variables | Orquestar procesos entre plataformas. | No guardar secretos en código. |
| HubSpot | API, OAuth, Webhooks | Contactos, deals, tickets, CRM. | Evitar duplicados. |
| Stripe | API, Webhooks, Sandbox | Pagos, facturas, suscripciones. | Probar en sandbox. |
18. Receta para conectar cualquier plataforma a OpenClaw
Primero leer. Después escribir. Después automatizar.
| Paso | Qué hacer | Ejemplo |
|---|---|---|
| 1 | Definir objetivo exacto. | Leer órdenes nuevas de Shopify. |
| 2 | Definir dueño de la verdad. | Shopify manda en inventario; Sheets reporta. |
| 3 | Identificar permisos mínimos. | read_orders antes de write_inventory. |
| 4 | Elegir método. | API key, OAuth, webhook, CLI, service account. |
| 5 | Guardar secretos seguro. | .env o variables de entorno. |
| 6 | Probar una acción mínima. | Traer 1 producto u orden. |
| 7 | Agregar logs. | “error 401”, “webhook duplicado”. |
| 8 | Validar datos. | No guardar orden sin ID único. |
| 9 | Manejar errores. | Reintentar sin duplicar. |
| 10 | Escalar poco a poco. | Leer → actualizar → automatizar. |
Prompt maestro: “Quiero conectar [PLATAFORMA] con OpenClaw. No escribás código todavía. Explicame API, OAuth/API key/webhook/CLI/service account, permisos mínimos, datos que entran y salen, sistema dueño de la verdad, riesgos, prueba mínima, logs y errores comunes.”
19. Arquitectura mental para cualquier integración
Entrada
Formulario, WhatsApp, API, CSV, audio.
Procesamiento
Validar, clasificar, calcular, interpretar.
Almacenamiento
SQL, Sheets, Drive, Supabase.
Salida
Dashboard, WhatsApp, email, PDF.
Automatización
Alertas, reportes, recordatorios.
Seguridad
API keys, pagos, clientes, documentos.
- ¿Quién origina el dato?
- ¿Quién es dueño de la verdad?
- ¿Quién solo copia o muestra?
- ¿Qué pasa si llega duplicado?
- ¿Qué pasa si falla internet?
- ¿Qué pasa si expira el token?
20. Errores clásicos al conectar APIs
| Error | Qué causa | Mejor práctica |
|---|---|---|
| Conectar todo de una vez | Caos. | Una acción mínima primero. |
| No usar IDs únicos | Duplicados. | Guardar order_id, product_id. |
| Guardar API keys en frontend | Robo de claves. | Backend o variables de entorno. |
| No revisar permisos | Errores 401/403. | Scopes mínimos correctos. |
| No manejar rate limits | Bloqueos. | Espaciar llamadas y usar colas. |
| No validar datos | Dashboards basura. | Validar antes de guardar. |
| No tener logs | No sabés qué pasó. | Registrar eventos. |
| No separar sandbox y producción | Romper datos reales. | Probar primero. |
21. Cómo usar IA técnica sin quemarte
IA como copiloto, no como piloto automático de tu cerebro.
Cheat Sheet Completo · Vibe Coding, APIs, OpenClaw y pensamiento de sistemas.