Claude Code Club · Cuaderno de estudio
Etapa 3 — Websites

💬 Vago vs. Quirúrgico: La habilidad que lo decide todo

Lo que te llevarás: la diferencia entre un prompt que te da una plantilla de 50 $ y uno que te da un sitio con pinta de 20.000 $.

Infografía: vago vs quirúrgico
Instrucciones imprecisas → resultados inservibles · Restricciones específicas → resultados precisos y funcionales.

Lo que más separa a quien obtiene basura de quien obtiene resultados impresionantes no es la herramienta — es la especificidad. Mismo Claude, mismos 30 minutos, resultados radicalmente distintos.

❌ Vago (lo que escriben los principiantes)
«Hazme una web para mi negocio de coaching.»

Recibirás algo genérico, de plantilla. No es culpa de Claude — no le dijiste qué significa «bueno» para ti.
✅ Quirúrgico (lo que consigue el look de 20.000 $)
«Construye un sitio de una página para un coach de productividad 1:1. Audiencia: fundadores desbordados. Tono: calmado, premium, mucho espacio en blanco. Hero: un titular centrado en el resultado + un solo botón "Reserva una llamada". Después: 3 resultados (no funcionalidades), un testimonio, un FAQ sencillo, un CTA de cierre. Paleta: azul marino profundo + blanco roto cálido, un acento ámbar. Tipografía: una serif con confianza para titulares, una sans limpia para el cuerpo, interlineado generoso.»

La regla: describe al visitante, la única acción que quieres, la sensación y las restricciones. El mismo esfuerzo de pensarlo; 10× el resultado. La especificidad es la palanca.

💡 Jugada pro para sitios multipágina: construye la página 1 y luego pide «crea la página Sobre mí usando exactamente el mismo sistema de diseño, paleta, tipografía y componentes que la portada — mantenla visualmente consistente». Claude arrastra el lenguaje de diseño por todo el sitio.
Fuente: Claude Code Club · Aula · Etapa 3 «Websites» — lección «Vago vs. Quirúrgico: La habilidad que lo decide todo».
Añadido al cuaderno: 7 de julio de 2026. Traducción al español para estudio personal.