← Volver al curso
AI Builders Lab › Semana 6 de 12
Tu programador
personal disponible 24/7

IA para Programar
sin Saber Código

Claude Code como tu programador personal. Apps, webs, scripts y automatizaciones — sin experiencia técnica.

⏱ 90 min Claude como herramienta principal 💻 Demos en vivo 🚀 Proyectos reales
La revolución

Ya no necesitas saber programar:
la democratización del código

📅 Antes de la IA

  • ❌ Años para aprender a programar
  • ❌ Pagar $50-200/hora a un desarrollador
  • ❌ Dependencia total de terceros
  • ❌ Esperar semanas para cambios simples

⚡ Con Claude ahora

  • ✅ Describes en español lo que quieres
  • ✅ Claude escribe el código completo
  • ✅ Lo copias, lo usas, listo
  • ✅ Cambios en segundos, no semanas

🗣️→💻

Natural Language to Code

Hablas en español. Claude "piensa" en código. Tú solo necesitas saber qué quieres, no cómo construirlo.

🇩🇴 Un emprendedor dominicano promedio paga RD$15,000-40,000 por una página web simple. Con Claude: RD$0 de programación.

Capacidades

Qué puede programar Claude para ti

🌐

Páginas web

Landing pages, sitios de negocio, portfolios, páginas de venta

📱

Mini apps web

Calculadoras, formularios, cotizadores, conversores, quizzes

📊

Scripts de datos

Fórmulas Google Sheets/Excel, ordenar datos, reportes automáticos

📋

Formularios

Captación de leads, encuestas, registros de eventos con backend

🤖

Chatbots simples

Respuestas automáticas, FAQ bots, asistentes básicos para web

📧

Emails HTML

Newsletter templates, emails de venta con diseño profesional

🔗

Integraciones API

Conectar WhatsApp, emails, Google Sheets con servicios externos

🧩

Extensiones browser

Herramientas personalizadas para Chrome que automatizan tareas

Lo que sí debes saber

Conceptos básicos que sí debes entender

No necesitas programar. Pero entender estos 6 conceptos te hace más efectivo al trabajar con Claude.

🏗️

HTML

La "estructura" de una página web. Como el esqueleto. Define qué elementos existen: texto, imágenes, botones.

<h1>Mi título</h1>
<p>Un párrafo</p>
🎨

CSS

El "estilo" de la página. Colores, tamaños, posiciones. Es lo que hace que una web se vea bonita o fea.

color: blue;
font-size: 18px;
⚡

JavaScript

El "comportamiento". Lo que hace que los botones funcionen, formularios envíen y páginas interactúen.

if (click) {
  mostrar(mensaje);
}
🔌

API

Un "puente" entre dos sistemas. Permite que tu app hable con WhatsApp, Google, pagos — sin que tú veas cómo funciona por dentro.

🗄️

Base de datos

Donde se guardan los datos. Cuando un cliente llena un formulario, va a una base de datos. Como una hoja de cálculo, pero poderosa.

🌍

Deploy / Hosting

Poner tu web en internet para que otros la vean. Netlify, Vercel y GitHub Pages lo hacen gratis y fácil.

La clave del éxito

Cómo describir lo que quieres
que Claude programe

Los 5 ingredientes del prompt técnico:

1. Qué es — El tipo de proyecto.
"Una calculadora web", "una landing page", "un formulario de contacto".

2. Para qué sirve — El propósito.
"Para que los clientes calculen el precio de mi servicio antes de llamarme".

3. Qué incluye — Los elementos específicos.
"Tiene un campo para metros cuadrados, un dropdown de tipo de piso, y muestra el precio en RD$".

4. Cómo debe verse — Estilo visual.
"Fondo oscuro, texto blanco, botón verde, diseño moderno y limpio. Colores de mi marca: #XXX".

5. Restricciones técnicas — Límites.
"Todo en un solo archivo HTML, sin librerías externas, que funcione offline".

Prompt modelo — proyecto técnico Crea [qué es] que [para qué sirve].

Funcionalidad:
- [elemento 1 con detalles]
- [elemento 2 con detalles]
- [elemento 3 con detalles]

Diseño:
- Fondo: [color/estilo]
- Colores: [primario, secundario]
- Fuente: [estilo tipográfico]
- Responsive: sí (mobile first)

Tecnología:
- HTML + CSS + JavaScript puro
- Un solo archivo HTML
- Sin frameworks externos

Entrega: código completo listo
para copiar y usar. Sin explicaciones.

// Este prompt produce resultados directos.
Demo en vivo

Creamos una calculadora web
con Claude ahora mismo

El prompt exacto que usamos Crea una calculadora de precio
para un servicio de limpieza de hogares.

Inputs del usuario:
1. Metros cuadrados (slider: 20-500 m²)
2. Tipo de limpieza:
- Básica (x1.0)
- Profunda (x1.6)
- Post-construcción (x2.2)
3. Frecuencia:
- Una vez (precio normal)
- Semanal (-15%)
- Quincenal (-8%)

Precio base: RD$8 por m²

Output: Precio en RD$, grande y visible.
Botón "Pedir cotización" → WhatsApp

Diseño: Verde esmeralda y blanco.
Moderno, limpio, profesional.
Un solo archivo HTML. Responsive.

✅ Lo que Claude entrega en 30 segundos:

  • 📄 HTML completo y funcional
  • 🎨 CSS con diseño verde esmeralda
  • ⚡ JavaScript con la lógica de cálculo
  • 📱 Responsive para móvil
  • 💬 Botón de WhatsApp integrado
  • ✨ Animaciones suaves al calcular

🚀 Cómo publicarla gratis:

  1. Copia el HTML en un archivo .html
  2. Ve a netlify.com/drop
  3. Arrastra el archivo
  4. ¡Tienes una URL pública en 10 segundos!
Demo en vivo 2

Landing page simple
en 5 minutos con Claude

Prompt landing page completa Crea una landing page completa para:

Negocio: Clínica dental "Sonrisas RD"
Servicio: Blanqueamiento dental
Precio: RD$4,500 (antes RD$7,000)
WhatsApp: 809-XXX-XXXX

Secciones:
1. Hero: headline + botón CTA brillante
2. Beneficios (3 íconos: rápido, seguro, asequible)
3. Antes/después (imagen placeholder)
4. Testimonios (3 testimonios falsos realistas)
5. Precio con tachado (urgencia)
6. CTA final WhatsApp
7. Footer simple

Diseño: Azul oscuro y dorado.
Moderno, confiable, profesional.
Animaciones suaves al scroll.
Un solo HTML. Sin frameworks.

💰 El valor real:

Antes

RD$25,000

+ 2 semanas

Con Claude

RD$0

5 minutos

¿Y si quiero cambiar algo?
"Cambia el color del botón a verde"
"Agrega un contador de tiempo"
"Pon el precio en dólares también"

⚡ Realidad: Lo que antes requería un desarrollador, ahora es una conversación de WhatsApp con Claude.

Google Sheets + IA

Automatizaciones simples:
fórmulas Google Sheets con Claude

Google Sheets es una de las herramientas más usadas en negocios de RD. Claude convierte tus necesidades en fórmulas.

📊 Calcular comisiones automáticas

"Calcula comisión: 5% si venta menor
a RD$10,000, 8% si mayor"

📅 Fechas de vencimiento

"Resalta en rojo si el cliente no
ha pagado en más de 30 días"

📈 Reportes automáticos

"Suma ventas por vendedor por mes
y calcula el % de meta alcanzado"
Prompt para fórmulas Sheets Necesito una fórmula de Google Sheets
que haga lo siguiente:

Tengo estas columnas:
- A: Nombre del cliente
- B: Fecha de compra
- C: Monto pagado (RD$)
- D: ¿Tiene descuento? (Sí/No)

Quiero en la columna E:
Si tiene descuento, aplicar 10%.
Si la compra fue este mes, aplicar
5% adicional de bono.
Mostrar el total final a pagar.

Dame la fórmula exacta y explícame
en una oración qué hace cada parte.
Ejemplo con: Juan, 15/03/2026, 5000, Sí
Taller práctico

💻 Ejercicio: Pídele a Claude
que cree algo útil para ti

🖩 Opción A: Calculadora

Crea una calculadora de precio para tu servicio. Define: los inputs del cliente, la lógica de precios, el botón de CTA.

🌐 Opción B: Mini landing

Una página de captura para tu negocio. Nombre, beneficios, precio y WhatsApp. Lista para publicar hoy.

📊 Opción C: Fórmula Sheets

Una fórmula que resuelva un problema de tu negocio: comisiones, inventario, reportes de ventas.

Recuerda incluir en tu prompt Qué es: [tipo de proyecto]
Para qué sirve: [propósito]
Qué incluye: [elementos específicos]
Cómo se ve: [colores, estilo]
Restricción: un solo HTML, sin librerías

⏰ 15 minutos. Al final, quienes quieran pueden publicar su resultado en Netlify Drop en vivo. ¡El resultado te va a sorprender!

Debugging

Cuando algo no funciona:
Claude lo arregla

El código raramente funciona perfecto al primer intento. Así es como Claude te ayuda a debuggear:

1
Describe el problema específico

No digas "no funciona". Di: "El botón no hace nada cuando hago clic" o "El precio muestra NaN en vez de un número".

2
Pega el código actual

Selecciona todo el HTML y pégalo en Claude. No puedes arreglar lo que no ves.

3
Pega el mensaje de error

Abre el navegador, presiona F12 → Console. Copia cualquier texto rojo que aparezca y pégalo a Claude.

Prompt de debugging perfecto Este código no funciona como espero.

Problema: [descripción específica]

Error en consola (F12):
[pega el error aquí]

Código actual:
[pega todo el HTML aquí]

Lo que debería pasar:
[describe el comportamiento esperado]

💡 Pro tip: Si el código tiene más de 500 líneas, pide a Claude: "Divide este proyecto en archivos separados para que sea más fácil de mantener".

Proyectos reales

Proyectos que puedes hacer hoy
sin escribir código

🖩 Cotizador online

Clientes calculan el precio antes de llamarte. Reduce llamadas de "¿cuánto cobras?". Genera leads calificados.

📋 Formulario de reservas

Para clínicas, salones, consultoras. Recibe citas 24/7 sin contestar el teléfono. Datos van a un Sheet automáticamente.

📊 Dashboard de ventas

Google Sheets con gráficas automáticas. Ingresas las ventas del día, el dashboard actualiza todo solo.

🔗 Página de links

Como Linktree pero tuya, sin pagar suscripción. Un solo link en tu bio de IG con todos tus links de negocio.

📧 Template de email HTML

Newsletter o emails de venta que se ven profesionales. Diseño que tus competidores pagarían caro.

🎮 Quiz de negocios

"¿Cuál es el mejor servicio para ti?" — Quiz interactivo que educa al cliente y lo lleva a tu WhatsApp.

📅 Calendario de disponibilidad

Muestra tus horarios disponibles. El cliente elige y te escribe al WhatsApp con su hora seleccionada.

🎯 Todos estos proyectos: Un solo archivo HTML. Lo haces con Claude en menos de 20 minutos. Lo publicas gratis en Netlify. Listo.

Lección 6 completada ✓
💻

"El código ya no
es una barrera"

🗣️

Español → Código con Claude

⚡

Proyectos reales en 20 minutos

🐛

Claude debuggea errores al instante

🌐

Deploy gratis en Netlify

← Volver al curso
Próxima lección: Automatizaciones con IA — n8n y Claude →

Instructor: Willy Tirado — Claude Ambassador Candidate · willytirado.top

1 / 12