mcpField
B
brandfy-ativos-logo

brandfy-ativos-logo

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

About brandfy-ativos-logo

brandfy-ativos-logo is a design skill for exporting logo assets from master SVGs. It guides teams through variant and size generation, inspection, and manifest creation while preserving the source files.

Key features

  1. 01Checks master SVG properties
  2. 02Exports PNG assets from SVGs
  3. 03Creates light, dark, and compact variants
  4. 04Generates a manifest with dimensions and hashes
  5. 05Inspects output quality and sizing

Use cases

  1. 01Preparing logo files for different backgrounds
  2. 02Generating favicons and avatars
  3. 03Checking exported assets against brand requirements

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/promovaweb/brandfy --skill brandfy-ativos-logo

After installing, type/brandfy-ativos-logoin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/
openai.yaml
references/
export-matrix.md
scripts/
export-logo.mjs

Details

From the project README

Exportar ativos do logo

Protocolo operacional

  • Plano e progresso: planejar fontes, variantes, tamanhos, exportação e inspeção.
  • Fontes de verdade: ler os SVGs mestres, a configuração e export-matrix.md.
  • Escopo e idempotência: nunca sobrescrever o SVG mestre. Substituir exportações somente quando a fonte correspondente for mais recente.
  • Validação: executar o exportador, abrir amostras e rodar a auditoria.
  • Resumo final: informar variantes, dimensões, manifesto e falhas.

Fluxo

  1. Conferir viewBox, transparência, nomes, cores e ausência de imagens raster incorporadas no SVG mestre.

  2. Manter as versões vetoriais em brand/logo/svg/.

  3. Exportar PNGs com:

    node <caminho-da-skill>/scripts/export-logo.mjs \
  --input brand/logo/svg \
  --output brand/logo/png \
  --font brand/fonts/manrope-variable.ttf

  4. Gerar versões light e dark, símbolo quadrado, avatar e favicons de 16, 32, 48, 180, 192 e 512 pixels quando houver fonte compacta.

  5. Gerar brand/manifest.json com caminho, formato, dimensão, função e hash.

  6. Inspecionar bordas, transparência, nitidez, proporção e leitura no tamanho mínimo.

O argumento --font é opcional. Use uma fonte TTF ou OTF local quando os SVGs mantiverem o wordmark como texto editável.

O sufixo light ou dark precisa indicar o fundo de aplicação escolhido pelo manual. Documentar essa convenção para evitar uso invertido.

Raciocínio do especialista

Tratar a exportação como controle de qualidade do sistema, não como conversão de formato. Relacionar cada arquivo a função, fundo, tamanho mínimo e canal. Recusar exportações que introduzam deformação, cor inesperada, margem inconsistente, transparência defeituosa ou dimensão diferente do manifesto.

Comments

Markdown supported