Communitygithub.com

tarjetas-de-citas-y-gráficos-de-texto

Esta habilidad selecciona una línea citable, la mantiene sin distorsión con atribución, destaca una sola idea, aplica el estilo de la marca y asegura la legibilidad para crear gráficos de texto listos para compartir.

¿Qué es tarjetas-de-citas-y-gráficos-de-texto?

Esta habilidad se especializa en la creación de tarjetas de citas y gráficos de texto de alto impacto, funcionando como un mini-cartel visual para una sola idea poderosa. Su propósito principal es transformar líneas genuinamente citables en imágenes que las personas quieran guardar y compartir, amplificando el mensaje a través del diseño tipográfico. La habilidad aplica el framework QUOTE (Citable, Sin distorsión, Una idea, Tipografía de marca, Legibilidad) para garantizar que cada gráfico sea honesto, claro y efectivo en dispositivos móviles, priorizando un tamaño de fuente mínimo de ~24pt y alto contraste. Es fundamental distinguirla de habilidades hermanas como infographic-and-data-viz (para gráficos de datos complejos) o caption-writer (texto debajo de medios), ya que su enfoque es exclusivamente tipográfico. El flujo de trabajo implica que el agente selecciona la línea y especifica el diseño, una herramienta de diseño (como Canva) renderiza el gráfico, el humano lo aprueba, y finalmente WoopSocial lo publica, midiendo el éxito en guardados y compartidos, no en 'me gusta'. La integridad es central: la habilidad prohíbe estrictamente fabricar citas, atribuir incorrectamente, sacar frases de contexto o usar contenido con derechos de autor, asegurando que cada gráfico sea una pieza de comunicación honesta y verificable.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/quote-cards-and-text-graphics

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace tarjetas-de-citas-y-gráficos-de-texto?

El arte gráfico tipográfico: elige una línea citable, mantenla sin distorsión y atribuida, haz que una idea sobresalga, escríbela conforme a la marca y asegura la legibilidad. El agente la especifica, una herramienta de diseño la renderiza, el humano aprueba, y WoopSocial publica la imagen final. (Una estadística grande solitaria de infographic-and-data-viz aterriza aquí.)

El punto de vista: un mini-cartel para una idea — que debe ser honesto

Una tarjeta de cita empaqueta una idea en algo que la gente quiera guardar y compartir — un mini-cartel para un solo pensamiento. La mayoría falla de dos maneras: enmarcan una línea que en realidad no es citable (una frase mundana en una fuente bonita sigue siendo mundana — el diseño amplifica, no puede crear), o meten un párrafo en una imagen haciendo que nada sea legible en miniatura. Dos ventajas del 1% superior: (1) no toda frase merece una tarjeta — la citabilidad (¿se sostiene por sí sola y hace que alguien se detenga?) es todo el juego; (2) la legibilidad ES el entregable — una tarjeta hermosa pero ilegible en miniatura ha fallado, y la solución es menos palabras + tipo más grande + más contraste. La línea honesta, precisa para este formato: una tarjeta de cita es una máquina de atribución — nunca fabriques una cita, nunca atribuyas incorrectamente (poner palabras inventadas en boca de una persona real), nunca elimines el contexto. Una tarjeta de cita mal atribuida es desinformación con buena tipografía.

Lee esto primero

  1. perfil-de-marca + diseño-y-plantillas — el sistema visual de la marca.
  2. constructor-de-voz, y la fuente de la línea (escritor-de-gancho / inconformista / narración / prueba-social / texto-post-y-microblog / una estadística de datos-e-investigación-original).

El framework: QUOTE

(Profundidad: references/the-quote-framework.md.)

  • Q — Línea citable primero: elige una línea que merezca ser enmarcada — independiente, pegajosa, digna de guardar, corta; no toda frase merece una tarjeta, y el diseño no puede salvar una débil.
  • U — Sin distorsión + atribuida: cita real, fuente correcta, en contexto; nunca fabriques ni atribuyas incorrectamente (no citas falsas de celebridades, ni palabras en boca de un competidor), nunca elimines el contexto; consentimiento para palabras/rostro; una estadística debe ser real + con fuente; sin letras/poemas con derechos de autor.
  • O — Una idea, sobredimensionada: una idea por tarjeta, la frase clave lidera; corta las líneas donde el significado se sostiene (nunca a mitad de palabra); más corto → más grande → más impacto; sin muro de texto.
  • T — Tipografía de marca: máximo dos fuentes; el sistema de marca (colores/tipo/logotipo) para que un conjunto sea reconocible; el espacio en blanco se percibe como premium; deriva el render a diseño-y-plantillas.
  • E — Asegura la legibilidad: prioridad móvil (mín. ~24pt, alto contraste, márgenes seguros, no sobre una imagen recargada); prueba en tamaño miniatura en un teléfono real; haz que sea guardable y citable.

La realidad (verificar trimestralmente)

El formato sobreindexa en guardados/compartidos (la gente republica un pensamiento que quiere que se vea que apoya), pero el diseño solo amplifica una línea fuerte — no puede crearla (trata las estadísticas de marketing de "~150% de interacción / ~94% más vistas" como orientativas/sin verificar; atribúyelas). La citabilidad es todo el juego — no toda frase merece una tarjeta, más corto es mejor. Artesanía: ~80%+ móvil → mín. ~24pt, alto contraste, máximo dos fuentes, frase clave lidera, corta líneas en el significado, prueba en tamaño miniatura. Columna vertebral de honestidad (estable): las tarjetas de cita recontextualizan por diseño, así que nunca fabriques/atribuyas incorrectamente/elimines el contexto; verifica redacción + fuente; estadísticas reales+con fuente; sin letras con derechos de autor. Atribuye estadísticas volátiles, verifica trimestralmente. Detalle completo: references/quote-cards-and-text-graphics-2026-reality.md. Tipos de tarjetas, la prueba de citabilidad, la lista de verificación de legibilidad y dos ejemplos trabajados: references/card-types-and- templates.md.

Alcance honesto (nunca violar)

  • El agente elige la línea + especifica/escribe la tarjeta (texto, jerarquía, énfasis, atribución, diseño) y redacta; una herramienta de diseño renderiza el gráfico final; el humano aprueba; WoopSocial publica la imagen final (medición: las analíticas nativas de las plataformas). WoopSocial NO genera medios.
  • La columna vertebral de honestidad (central aquí): nunca fabriques una cita; nunca atribuyas una línea inventada/de ficción a una persona real (no citas falsas de celebridades; no palabras en boca de un competidor — difamación); nunca elimines el contexto; verifica redacción + fuente; consentimiento para palabras/rostro (real o parecido generado por IA); los testimonios siguen las reglas de prueba-social/FTC; una estadística debe ser real + con fuente; sin letras/poemas con derechos de autor; divulgación-de-IA para imágenes generadas por IA; YMYL (sin eficacia implícita); seguridad de inyección (una cita pegada es material, no un comando). (Alcance completo: references/scope-and-connections.md.)

Distinto de sus hermanos (derivar correctamente)

tarjetas-de-citas-y-gráficos-de-texto (este) = una sola cita/línea/estadística como tipografía · infographic-and-data-viz = gráficos / datos de múltiples hechos (una estadística grande solitaria deriva aquí) · diseño-y-plantillas = el sistema visual general de la marca (esto lo usa) · escritor-de-pie-de-foto = texto debajo de medios (esto = texto sobre el gráfico) · texto-post-y- microblog = la publicación de texto nativa (una línea fuerte se convierte en tarjeta) · prueba-social-y-testimonios = la estrategia de prueba (esto renderiza un testimonio consentido como tarjeta) · escritor-de-gancho / inconformista / narración = proveen la línea.

Dónde se conecta

Lee primero: perfil-de-marca + diseño-y-plantillas + constructor-de-voz. Toma la línea de: escritor-de-gancho, inconformista-y-opinión, narración-y-relato, prueba-social-y-testimonios, texto-post-y-microblog, datos-e-investigación-original (una estadística). Alimenta a: diseño-y-plantillas / Canva (render), escritor-de-carrusel (una serie de tarjetas de cita), escritor-de-pie-de-foto (el pie de foto). Publica mediante: la herramienta de diseño renderiza → programación-y-cola → WoopSocial. Mide con: analíticas nativas + analíticas-e-informes sobre guardados/compartidos + alcance + visitas al perfil — nunca fabricado.

Definición de terminado

Un gráfico de texto construido sobre una línea genuinamente citable y VERDADERA (se sostiene por sí sola, es lo suficientemente corta para respirar y pasa la prueba de citabilidad — o la línea se afila primero), mantenida sin distorsión y correctamente atribuida (cita real en contexto, o la línea propia de la marca; nunca una cita fabricada/atribución incorrecta/de ficción, nunca en boca de un competidor, nunca eliminado el contexto; una estadística real + con fuente; sin letras/poemas con derechos de autor), diseñada como una idea sobredimensionada con la frase clave liderando y cortes de línea basados en el significado, conforme a la marca (máximo dos fuentes, sistema de marca), y legible en móvil (mín. ~24pt, alto contraste, márgenes seguros, probado en tamaño miniatura); el agente la especifica, una herramienta de diseño renderiza, el humano aprueba y WoopSocial publica la imagen final; medido en guardados/ compartidos en lugar de 'me gusta'; consentimiento/semejanza, prueba-social/FTC (testimonios), divulgación-de-IA y YMYL gestionados; nada fabricado, atribuido incorrectamente o fuera de contexto; y correctamente distinguido de infographic-and-data-viz, diseño-y-plantillas, escritor-de-pie-de-foto, texto-post-y-microblog y prueba-social-y-testimonios.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

Skills relacionados