Lo que te llevarás: un toque de firma, hecho a mano, que lleva tu sitio
de «limpio» a «esto lo hizo un estudio de verdad» — sin volverlo lento.
Tu construcción ya está diseñada y es rápida. Esto es un plus ligero y opcional: añade UN
toque distintivo encima del sitio que acabas de construir — no lo reconstruyas, solo refínalo.
Ejecuta el prompt y alterna entre el antes y el después; quédate con lo que lo hace sentir más
tuyo.
Diseñado es contención, no más cosas. Si un toque se siente excesivo, dile a
Claude que lo suavice.
La jugada — 3 toques pequeños
✍️ Subrayado a mano
Un garabato SVG en tu color de acento bajo la palabra clave del titular; se dibuja una vez al cargar y se queda quieto.
📰 Titular editorial
Un poco más grande y más negrita, para sensación de revista.
🔢 Banda «en cifras»
Una banda estática con estadísticas en fuente display grande (p. ej. 900+, 4.9★, 7 días), sin animación.
Toques pequeños, gran efecto «espera, ¿tú hiciste esto?» — y sigue siendo rápido (de un
solo disparo o estático, sin barras en movimiento).
📋 Prompt (traducido)
Pega esto en Claude Code (sobre tu sitio ya construido)
Ahora añade unos toques distintivos, hechos a mano, al sitio que acabas de
construir — no lo reconstruyas, solo refina lo que hay. Haz estos cambios concretos: añade un
subrayado dibujado a mano (un garabato SVG en línea en mi color de acento) bajo la palabra clave
del titular, configurado para dibujarse una sola vez al cargar y luego quedarse; haz el titular un
punto más grande y más atrevido para un aire editorial; y añade una banda estática de «en cifras»
con estadísticas grandes en fuente display (p. ej. 900+, 4.9★, 7 días), sin animación. Mantenlo
rápido y a prueba de balas: animación de un solo disparo o ninguna, solo transforms/opacidad, sin
barras auto-deslizantes y sin filtros de grano/ruido. Muéstrame la vista previa en vivo.
Fuente: Claude Code Club · Aula · Etapa 3 «Websites» — lección «Haz que parezca diseñado, no 'IA'».
Nota: lección de texto, sin infografía. · Añadido al cuaderno: 7 de julio de 2026. Traducción al español para estudio personal.