O que design-and-templates faz?
O sistema template-system reutilizável e alinhado à marca — um kit de marca + um conjunto pequeno de templates reutilizáveis + as regras + o fluxo de trabalho que permitem a um não-designer gerar gráficos consistentes com a marca rapidamente. O agente projeta o sistema; uma ferramenta de design ou as ferramentas de imagem produzem os gráficos; o ativo finalizado entra no fluxo do WoopSocial.
O Ponto de Vista: consistência + velocidade superam o sob medida
Para redes sociais, o objetivo não é um design bonito — são seis versões que ainda parecem da mesma campanha, produzidas rapidamente por um não-designer. A alavanca é um sistema pequeno de templates reutilizáveis ancorado em um kit de marca, que evita tanto a deriva da marca quanto a genérica "energia de template" Kit-de-marca-primeiro faz o primeiro rascunho ~80% alinhado à marca em vez de ~20%. O teto honesto: ferramentas te levam a ~70–80% alinhados à marca — um olho humano finaliza o trabalho heróico. O agente projeta o sistema; uma ferramenta de design (Canva/Adobe Express/Figma) ou as ferramentas de imagem produzem os gráficos; o WoopSocial publica o ativo finalizado.
Leia estes primeiro
- brand-profile — a fonte de identidade que este skill operacionaliza.
- As necessidades de conteúdo recorrente — o que você realmente publica.
O framework: BRAND
(Profundidade: references/the-brand-framework.md.)
- B — Build (Construir) o kit de marca: fixe os tokens (cores, fontes, logotipo, espaçamento) — a âncora de consistência (kit-de-marca-primeiro = ~80% de rascunhos alinhados).
- R — Reusable (Reutilizável) templates, um conjunto pequeno: ~5–7 apenas para os formatos recorrentes (cartão de citação, moldura de carrossel, anúncio, capa de Reel, Pin); não exagere na construção.
- A — Anchor (Ancorar) cada um em hierarquia + legibilidade: um ponto focal, escala tipográfica, contraste, zonas seguras, mobile-first.
- N — Name (Nomear) + sistematizar para velocidade: um não-designer preenche em minutos (troca texto/imagem, mantém a moldura); nomeado/organizado; Kit de Marca + Magic Switch/Resize.
- D — Deploy (Implantar) alinhado à marca em escala: instrua as ferramentas de imagem (
image-prompt) para imagens geradas; o gráfico finalizado entra no fluxo do WoopSocial; consistência no grid; um humano finaliza as peças heróicas.
A realidade (verificar trimestralmente)
Fundamentos de design (hierarquia/contraste/legibilidade) são atemporais; as ferramentas mudam. Canva (Magic Studio) = padrão para mídias sociais (Kit de Marca, Magic Design, Magic Switch/Resize, Dream Lab, Bulk Create; Pro ~$15/mês; teto ~70% "estilo-Canva" + limites de créditos de IA; IA bruta geralmente não protegida por direitos autorais; Canva Shield indenização apenas para Enterprise). Adobe Express+Firefly = premium, IA licenciada segura para marca + indenização de PI. Figma = sistemas mestres de design/governança (não para mídias sociais diárias). Combine por zona de força; instrua as ferramentas de imagem (image-prompt) ou Dream Lab/Firefly para imagens geradas: references/design-tools-2026-reality.md. A especificação do kit de marca, o conjunto inicial de templates + especificações, as regras de hierarquia/legibilidade, o fluxo de trabalho de produção + exemplos práticos: references/building-the-system.md.
Escopo honesto (nunca violar)
- O agente projeta o sistema (tokens do kit de marca, conjunto de templates, regras de hierarquia, fluxo de trabalho) — ele especifica/aconselha, não renderiza.
- Uma ferramenta de design (Canva/Adobe Express/Figma) ou as ferramentas de imagem produzem os gráficos; o ativo finalizado entra no fluxo do WoopSocial (o WoopSocial publica como qualquer mídia — ele NÃO projeta, template, ou gera).
- Ferramentas atingem ~70–80% alinhados à marca — um humano finaliza o trabalho heróico; gerações brutas de IA podem não ser protegidas por direitos autorais → adicione edições humanas; nunca invente. (Escopo, distinções + conexões:
references/scope-and-connections.md.)
Distinto de seus irmãos (roteamento correto)
design-and-templates (este) = o SISTEMA de templates reutilizáveis + kit de marca · brand-profile = a fonte de identidade que ele operacionaliza · thumbnail-design / pinterest-pin-design = tipos de ativo único (templates no sistema) · carousel-writer = o texto/narrativa (este é o quadro visual) · image-prompt + as ferramentas de imagem = geração (este é layout/templates) · profile-optimization = os ativos do perfil.
Onde isso se conecta
Lê primeiro: brand-profile + as necessidades de conteúdo recorrente. Alimenta os irmãos de formato: thumbnail-design, pinterest-pin-design, instagram-reels-publishing (capa), carousel-writer (o quadro que seu texto preenche), story-writer — cada um um template no sistema. Solicita imagens: image-prompt → ideogram/flux/nano-banana (ou Dream Lab/Firefly). Publica via: o ativo finalizado → scheduling-and-queue → WoopSocial (post/Pin/capa/mídia de carrossel). Design + geração ficam na ferramenta de design / ferramentas de imagem; WoopSocial apenas publica.
Definição de pronto
Um sistema reutilizável: um kit de marca (cores/fontes/logotipo/espaçamento fixos) mais um conjunto pequeno (~5–7) de templates nomeados mapeados para os formatos recorrentes reais, cada um com um ponto focal, uma escala tipográfica clara, contraste, zonas seguras e legibilidade mobile-first; um fluxo de trabalho de produção para não-designers (trocar texto/imagem → redimensionar → exportar → no fluxo do WoopSocial) usando a ferramenta certa para a equipe (Canva padrão / Adobe Express+Firefly para premium, imagens indenizadas / Figma para o sistema mestre), com imagens geradas solicitadas às ferramentas de imagem via image-prompt; o teto honesto declarado (ferramentas atingem ~70–80% alinhados à marca, um humano finaliza o trabalho heróico, gerações brutas de IA podem não ser protegidas por direitos autorais); os ativos finalizados publicados via WoopSocial; nada inventado; corretamente distinguido de brand-profile, thumbnail-design/pinterest-pin-design, carousel-writer e image-prompt.