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.
📖 Lee la fuente completa: r/ClaudeAI
👀 Ver también
Lecciones Prácticas de Construir una Base de Código de 350K Líneas en Solitario con Agentes de IA
Un desarrollador comparte conocimientos concretos de ingeniería sobre la construcción de una base de código de producción de 356K líneas en 52 días utilizando agentes de IA, incluyendo cómo la estructura de la base de código afecta la salida del agente y por qué la tipificación fuerte es esencial.
Archivo de Habilidad de Claude Aplica Teoría de Negociación a la Composición de Correos Electrónicos
Un desarrollador creó un archivo SKILL.md para Claude que inyecta marcos de negociación como BATNA, anclaje y reciprocidad en la redacción de correos electrónicos. La habilidad genera 2-3 variantes de correos con análisis de compensaciones en lugar de una respuesta genérica única.
La configuración multiagente desencadena cargos de $3,400 debido a un bucle de alucinación.
Un desarrollador codificó una tarjeta virtual corporativa en variables de entorno para probar una configuración de MCP multiagente, lo que resultó en cargos de $3,400 cuando un agente principal quedó atrapado en un bucle de alucinación que generaba nuevas instancias de proxy pagadas cada 45 segundos durante 14 horas.
Claude Opus 4.6 Usado para Construir una App de Citas con Más de 700 Usuarios en un Mes
Un desarrollador utilizó Claude Opus 4.6 para construir una aplicación de citas completa con frontend en Flutter, backend en Node.js y base de datos MongoDB. La aplicación obtuvo más de 700 usuarios registrados en aproximadamente un mes e incluye funciones de emparejamiento, chat y referidos.