lab
Esc

Prueba con

↑↓ para moverte · Enter para abrir · también en /buscar?q= para agentes

caso de uso intermedio claude-codecanvadiseno

Piezas visuales para redes: del texto al diseño revisado

Convierte una idea en tarjetas estáticas y una versión editable, manteniendo el mismo mensaje y revisando cada exportación.

✓ verificado el 27 oct 2026

Instrucciones para tu agente

Esto es lo que se copia. Pégaselo a tu agente y te lo monta paso a paso.

O ábrelo directamente en ClaudeChatGPT

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.


Para el agente: cómo acompañar al usuario

  1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
  2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
  3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
  4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
  5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
  6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

Pasos de configuración

Prepara una prueba acotada

Selecciona un texto propio breve, plataforma, dimensiones y recursos con permiso de uso.

Configura Guizang

Sigue Guizang, incluidos sus requisitos, configuración y comprobación actuales. Carga la skill en el arnés, exporta una tarjeta de prueba y revisa el PNG; conserva su ruta, dimensiones y texto aprobado.

Configura Canva MCP

Sigue Canva MCP, incluidos sus requisitos, configuración y comprobación actuales. Usa la conexión personal de Claude en navegador publicada en la guía; activa Canva en el chat y comprueba diseño, título editado y exportación.

Datos que pasan entre piezas

Los archivos siguientes son entregables de este caso preparados por el agente; no implican exportadores ni sincronización automática.

Pasa de Guizang a la sesión de Canva el texto aprobado, dimensiones y rutas de PNG, mediante entrega manual si los clientes no comparten archivos; registra en entrega.md el identificador y enlace del diseño editable y las rutas de ambas exportaciones. Si falta un activo o la operación de incorporación no está disponible, detén esa adaptación hasta completar el paso manual y verificarla.

Monta el flujo

Paso 1

Con Guizang, pide una tarjeta estática y exporta el PNG siguiendo su flujo de producción. Revisa recortes y legibilidad antes de continuar.

Paso 2

Conecta Canva y abre un diseño de prueba. Pide una adaptación editable del texto aprobado usando el PNG como referencia visual; revisa manualmente la disponibilidad de importación de activos.

Paso 3

Exporta desde Canva y compara el mensaje, dimensiones y recortes de ambas versiones. Guarda el enlace editable junto al archivo final.

Comprobación

Revisa los PNG al tamaño al que se verán en el teléfono. Abre el diseño editable y comprueba que sus textos siguen siendo correctos.

Si algo falla

Si Canva no puede incorporar un activo con las herramientas disponibles, introdúcelo manualmente en el editor. Si el texto no cabe, recórtalo antes de reducir la letra.

La configuración se consulta en las guías del hub enlazadas. Esta composición es una propuesta de WISD; no se ha ejecutado como prueba integral.

Prompt para tu agente

Piezas del flujo: Guizang · Canva MCP.

Lee y sigue las instrucciones publicadas de las piezas: Guizang: /hub/guizang-social-card-skill/instrucciones.md; Canva MCP: /hub/canva-mcp/instrucciones.md. Completa los requisitos, configuración y comprobación de cada pieza antes de usarla; comprueba su uso desde el cliente o arnés elegido, no solo su presencia en disco. Si falta un campo entre <>, una fuente obligatoria, acceso o una operación documentada, detén la etapa dependiente, informa qué falta y pídemelo; usa una alternativa manual solo cuando esté descrita y comprobada. No inventes datos ni des por superada una comprobación pendiente.

Con <texto propio>, <activos autorizados> y <dimensiones por plataforma>, prepara tarjetas estáticas con Guizang y exporta sus PNG. Revisa legibilidad y recortes. Con Canva MCP prepara una adaptación editable en <diseño de prueba>, usando los PNG como referencia; si falta una operación, indica el paso manual. Compara ambas exportaciones y entrega <carpeta de salida> y el enlace editable, sin publicar.

Pasa de Guizang a la sesión de Canva el texto aprobado, dimensiones y rutas de PNG, mediante entrega manual si los clientes no comparten archivos; registra en entrega.md el identificador y enlace del diseño editable y las rutas de ambas exportaciones. Si falta un activo o la operación de incorporación no está disponible, detén esa adaptación hasta completar el paso manual y verificarla.
ver en .md ¿Prefieres el recurso entero?

Qué es

Un proceso para preparar varias piezas visuales a partir de un mensaje propio. Las tarjetas sirven como primera composición y Canva como destino de una adaptación editable. El traslado entre herramientas se hace con archivos y texto revisados.

Para qué te sirve

  • Cuando un anuncio necesita una tarjeta informativa y una pieza editable para el equipo.

  • Cuando debes comprobar que el contenido cabe antes de preparar varias versiones.

  • Cuando una campaña necesita adaptar un mensaje aprobado a dos tamaños de publicación.

Cómo funciona

Guizang organiza texto e imágenes en HTML y produce tarjetas PNG. Canva MCP trabaja con diseños de tu cuenta. El agente entrega el texto aprobado y los PNG como referencia; no hay una conversión automática de HTML a capas editables de Canva.

Antes de empezar

Prepara un agente con shell, Node.js ≥22.20.0 con npm/npx, el entorno de captura Playwright descrito por Guizang y una cuenta Canva conectada y activa en un chat de Claude en navegador, como en la guía actual de Canva. El traslado desde el agente local a ese chat puede ser manual. La guía de render enlazada no fija una versión mínima. Comprueba el plan si necesitas redimensionado o herramientas de marca: algunas funciones requieren Pro o superior.

Límites y alternativas

Este flujo cubre imágenes estáticas; los bucles animados necesitan un proyecto de vídeo aparte. Comprueba derechos de imágenes y fuentes. Recrear un diseño en Canva puede cambiar saltos de línea y espaciados. Para una pieza aislada puedes trabajar directamente en su editor.

Recursos

Recursos relacionados