mcpField
B
brandfy-templates-canais

brandfy-templates-canais

github.com/promovawebDesign & UI13156 installsUpdated 2w ago
Repository

About brandfy-templates-canais

A skill for creating brand-aligned templates for social and other channels. It guides users through adapting SVG examples, checking variations and accessibility, and exporting and documenting finished templates.

Key features

  1. 01Copy SVG examples into brand/templates/
  2. 02Apply brand colors and fonts
  3. 03Keep content fields editable
  4. 04Check safe areas and mobile readability
  5. 05Export PNG or JPG
  6. 06Document limits and logo variants

Use cases

  1. 01Create a set of templates for selected channels
  2. 02Check layouts with short and long titles
  3. 03Test designs with light or dark photography

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/promovaweb/brandfy --skill brandfy-templates-canais

After installing, type/brandfy-templates-canaisin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/
openai.yaml
assets/
email-header.svg
instagram-carousel-content.svg
instagram-carousel-cover.svg
linkedin-post.svg
youtube-banner.svg
youtube-thumbnail.svg
references/
channel-guides.md
scripts/
install-templates.mjs

Details

From the project README

Criar templates para canais

Protocolo operacional

  • Plano e progresso: planejar canais, formatos, variações, exportação e teste.
  • Fontes de verdade: ler o manual, os tokens, os ativos e channel-guides.md.
  • Escopo e idempotência: copiar os exemplos para brand/templates/ antes de adaptar. Preservar os modelos instalados na skill.
  • Validação: conferir tamanho, zona segura, densidade, contraste, logo, tipografia e leitura em mobile.
  • Resumo final: registrar templates, variações, exportações e limitações.

Fluxo

  1. Selecionar os canais usados pela marca.

  2. Copiar os SVGs necessários:

    node <caminho-da-skill>/scripts/install-templates.mjs \
      --output brand/templates
    
  3. Substituir placeholders, cores e famílias pelas definições de brand/global.css e brand/fonts/fonts.css.

  4. Criar variações suficientes para evitar uma composição repetida em todas as publicações, sem romper o sistema visual.

  5. Manter campos editáveis para título, apoio, imagem, assinatura, seção, número e chamada.

  6. Exportar PNG ou JPG e inspecionar no tamanho real de consumo.

  7. Documentar uso, limite de caracteres, zona segura e variante de logo ao lado de cada template.

Abra o SVG escolhido, troque os placeholders e exporte uma amostra com a paleta da marca. A inspeção no feed ou na tela alvo revela texto pequeno, zona segura invadida e logo aplicado na variante errada.

Raciocínio do especialista

Tratar template como regra flexível. Fixar o que protege reconhecimento, acessibilidade e produção; permitir variação onde o conteúdo exige ritmo. Testar títulos curtos e longos, ausência de imagem, fotografia clara e escura, tradução, recorte móvel e exportação. Um modelo que funciona apenas com o exemplo ideal ainda não está pronto para agentes.

Comments

Markdown supported