Communitygithub.com

diseño-y-plantillas

Crea un sistema de plantillas reutilizables basado en un kit de marca, permitiendo a no diseñadores publicar gráficos consistentes y alineados rápidamente.

¿Qué es diseño-y-plantillas?

La habilidad **design-and-templates** establece un sistema completo de plantillas reutilizables impulsado por un kit de marca, diseñado para que cualquier persona —incluso sin experiencia en diseño— pueda producir gráficos coherentes con la identidad visual de la marca de forma rápida. En lugar de depender de diseños únicos, se enfoca en la consistencia y la velocidad: un conjunto pequeño de 5 a 7 plantillas mapeadas a formatos recurrentes (tarjetas de cita, carruseles, anuncios, portadas de Reels, Pins) que, combinado con un kit de marca (colores, tipografías, logotipo, espaciado), logra que el primer borrador tenga aproximadamente un 80 % de alineación con la marca. Esta habilidad no renderiza gráficos; el agente diseña el sistema y la herramienta de diseño (Canva, Adobe Express, Figma) o las herramientas de imagen (image-prompt) producen los gráficos finales, que luego ingresan al flujo de publicación de WoopSocial. Incluye reglas claras de jerarquía, legibilidad, zonas seguras y enfoque mobile-first, y reconoce el límite honesto: las herramientas alcanzan un 70–80 % de alineación, por lo que un ojo humano debe finalizar las piezas hero. No debe confundirse con habilidades hermanas como brand-profile, thumbnail-design, pinterest-pin-design, carousel-writer o image-prompt; esta es la base del sistema de plantillas y kit de marca.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/design-and-templates

Preguntar en tu IA favorita

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

Documentación

¿Qué hace diseño-y-plantillas?

La habilidad reutilizable sistema-de-plantillas que respeta la marca: un kit de marca + un conjunto pequeño de plantillas reutilizables + las reglas + el flujo de trabajo que permiten a un no diseñador crear gráficos consistentes con la marca de forma rápida. El agente diseña el sistema; una herramienta de diseño o las herramientas de imagen producen los gráficos; el activo terminado ingresa en el flujo de WoopSocial.

El punto de vista: consistencia + velocidad superan lo personalizado

Para redes sociales, el éxito no es un diseño hermoso, sino seis versiones que aún parecen la misma campaña, producidas rápidamente por un no diseñador. La palanca es un sistema pequeño de plantillas reutilizables anclado en un kit de marca, que previene tanto la deriva de marca como la genérica "energía de plantilla." Primero el kit de marca hace que el primer borrador sea ~80% fiel a la marca en lugar de ~20%. El límite honesto: las herramientas logran ~70–80% de fidelidad a la marca — un ojo humano termina el trabajo principal. El agente diseña el sistema; una herramienta de diseño (Canva/Adobe Express/Figma) o las herramientas de imagen producen los gráficos; WoopSocial publica el activo terminado.

Lee esto primero

  1. perfil-de-marca — la fuente de identidad que esto operacionaliza.
  2. las necesidades de contenido recurrente — lo que realmente publicas.

El marco: BRAND

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

  • B — Build the brand kit: bloquea los tokens (colores, fuentes, logo, espaciado) — el ancla de consistencia (primero el kit de marca = ~80% de borradores fieles a la marca).
  • R — Reusable templates, a small set: ~5–7 solo para los formatos recurrentes (tarjeta de cita, marco de carrusel, anuncio, portada de Reel, Pin); no construyas de más.
  • A — Anchor each in hierarchy + legibility: un punto focal, escala tipográfica, contraste, zonas seguras, prioridad móvil.
  • N — Name + systematize for speed: un no diseñador lo completa en minutos (intercambiar texto/imagen, mantener el marco); nombrado/organizado; Kit de Marca + Magic Switch/Redimensionar.
  • D — Deploy on-brand at scale: instruye a las herramientas de imagen (image-prompt) para imágenes generadas; el gráfico terminado ingresa en el flujo de WoopSocial; consistencia en la cuadrícula; un humano termina las piezas principales.

La realidad (verificar trimestralmente)

Los fundamentos del diseño (jerarquía/contraste/legibilidad) son atemporales; las herramientas se mueven. Canva (Magic Studio) = valor predeterminado para redes sociales (Kit de Marca, Magic Design, Magic Switch/Redimensionar, Dream Lab, Creación Masiva; Pro ~$15/mes; límite de ~70% de estilo "Canva" + límites de créditos de IA; la IA cruda generalmente no es protegible por derechos de autor; indemnización Canva Shield solo para Enterprise). Adobe Express+Firefly = premium, IA licenciada y segura para la marca + indemnización de propiedad intelectual. Figma = sistemas de diseño/gobernanza maestros (no para uso diario en redes sociales). Combínalos por zona de fortaleza; instruye a las herramientas de imagen (image-prompt) o Dream Lab/Firefly para imágenes generadas: references/design-tools-2026-reality.md. La especificación del kit de marca, el conjunto de plantillas iniciales + especificaciones, las reglas de jerarquía/legibilidad, el flujo de trabajo de producción + ejemplos prácticos: references/building-the-system.md.

Alcance honesto (nunca violar)

  • El agente diseña el sistema (tokens del kit de marca, el conjunto de plantillas, las reglas de jerarquía, el flujo de trabajo) — especifica/aconseja, no renderiza.
  • Una herramienta de diseño (Canva/Adobe Express/Figma) o las herramientas de imagen producen los gráficos; el activo terminado ingresa en el flujo de WoopSocial (WoopSocial publica como cualquier medio — NO diseña, plantilla o genera).
  • Las herramientas alcanzan ~70–80% de fidelidad a la marca — un humano termina el trabajo principal; las generaciones de IA crudas pueden no ser protegibles por derechos de autor → agrega ediciones humanas; nunca inventes. (Alcance, diferencias + conexiones: references/scope-and-connections.md.)

Distinto de sus hermanos (enrutar correctamente)

design-and-templates (este) = el SISTEMA de plantillas reutilizables + kit de marca · perfil-de-marca = la fuente de identidad que operacionaliza · diseño-de-miniatura / diseño-de-pin-de-pinterest = tipos de activos individuales (plantillas en el sistema) · escritor-de-carrusel = el texto/narrativa (este es el marco visual) · image-prompt + las herramientas de imagen = generación (esto es diseño/plantillas) · optimización-de-perfil = los activos del perfil.

Donde se conecta

Lee primero: perfil-de-marca + las necesidades de contenido recurrente. Alimenta a los hermanos de formato: diseño-de-miniatura, diseño-de-pin-de-pinterest, publicación-de-reels-de-instagram (portada), escritor-de-carrusel (el marco que llena su texto), escritor-de-historias — cada uno una plantilla en el sistema. Instrucciones para imágenes: image-prompt → ideogram/flux/nano-banana (o Dream Lab/Firefly). Publica a través de: el activo terminado → programación-y-cola → WoopSocial (publicación/Pin/portada/medio de carrusel). El diseño + la generación se quedan en la herramienta de diseño / herramientas de imagen; WoopSocial solo publica.

Definición de terminado

Un sistema reutilizable: un kit de marca (colores/fuentes/logo/espaciado bloqueados) más un conjunto pequeño (~5–7) de plantillas nombradas mapeadas a los formatos recurrentes reales, cada una con un punto focal, una escala tipográfica clara, contraste, zonas seguras y legibilidad priorizando móvil; un flujo de trabajo de producción para no diseñadores (intercambiar texto/imagen → redimensionar → exportar → al flujo de WoopSocial) usando la herramienta adecuada para el equipo (Canva predeterminado / Adobe Express+Firefly para imágenes premium e indemnizadas / Figma para el sistema maestro), con imágenes generadas instruidas a las herramientas de imagen a través de image-prompt; el límite honesto declarado (las herramientas alcanzan ~70–80% de fidelidad a la marca, un humano termina el trabajo principal, las generaciones de IA crudas pueden no ser protegibles por derechos de autor); los activos terminados publicados a través de WoopSocial; nada inventado; correctamente distinguido de perfil-de-marca, diseño-de-miniatura/diseño-de-pin-de-pinterest, escritor-de-carrusel e image-prompt.

Individual skills in this repo

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

Skills relacionados