Claude Code diseña tarjetas de presentación imprimibles mediante HTML + Playwright

Un usuario de Reddit compartió un flujo de trabajo práctico en el que Claude Code (el agente de codificación de IA) diseñó tarjetas de presentación imprimibles desde cero. El proceso implicó:

• Proporcionar a Claude una foto de sus gatos y el enlace de su sitio web como entrada.
• Claude generó un diseño HTML de tarjeta de presentación, luego usó Playwright (automatización de navegador sin cabeza) para tomar capturas de pantalla y refinar iterativamente el diseño hasta que el usuario quedó satisfecho.
• Una vez finalizado el diseño, el usuario compró papel Avery para tarjetas de presentación imprimibles en Walmart (hojas estándar perforadas en cuadrícula 2x5).
• Claude produjo una página HTML con un botón de impresión y una cuadrícula 2x5 que coincidía con la plantilla Avery. La página se imprimió perfectamente alineada en el papel de tarjetas, sin necesidad de ajustes manuales.

Todo el proceso tomó unos 10 minutos. El usuario reportó resultados "mejores de lo esperado".

Conclusiones Clave

• Claude puede unir el diseño visual y el diseño de impresión iterando mediante automatización del navegador.
• Usar capturas de pantalla de Playwright permite a Claude autocorregir problemas de diseño sin intervención humana.
• La plantilla HTML final funciona directamente con papel económico Avery para tarjetas de presentación, sin necesidad de herramientas de diseño profesionales.

Este es un buen ejemplo de uso de agentes de codificación de IA para producción física impresa, no solo para generación de software.