Criador de Marca

Crie ou amplie uma identidade visual com os provedores que o usuário tiver: briefing de marca, paleta de cores, combinação tipográfica, conceitos de logotipo (SVGs autorais vetoriais diretamente, além de explorações geradas) e mockups aplicados (posts de redes sociais, fotos de perfil, banners, merchandising, embalagens), salvos como um kit de marca reutilizável que outras habilidades de criação consomem.

O que é Criador de Marca?

A habilidade **Criador de Marca** permite que você crie ou amplie uma identidade visual completa para um projeto, marca ou canal, gerando todos os ativos necessários de forma estruturada e reutilizável. Ela é ideal para quando o usuário solicita logotipo, identidade visual, paleta de cores, guia de estilo, branding de canal ou templates consistentes para redes sociais. A habilidade suporta múltiplos provedores: o próprio agente para criação direta de SVGs vetoriais, provedores de imagem para explorações inspiracionais (que são depois redesenhas como SVG), e ferramentas de mídia para aplicar texto e exportar PNGs. O processo segue cinco etapas: coleta de briefing, definição de direção (duas opções com paleta e tipografia), criação do logotipo (marca, wordmark e lockup em SVG), geração de mockups (foto de perfil, post, banner, cartão de visita, etc.) e salvamento do kit final em uma pasta `brand/<slug>/`, que inclui um arquivo `brand.json` consumido por outras habilidades de criação (como thumbnails, anúncios e fotos de produto). A habilidade também verifica originalidade e contraste de texto (WCAG AA), e oferece copiar as configurações para o arquivo de configuração das habilidades de criação, garantindo consistência visual em todos os ativos.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mehbylabs/creator-skills/tree/main/skills/creator-brandkit

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Criador de Marca faz?

Pasta de saída brand/<slug>/:

brand.json          # nome, posicionamento, cores, fontes, caminhos do logotipo, tom de voz — lido por outras habilidades
palette.svg         # amostras com valores hexadecimais
logo/               # mark.svg, wordmark.svg, lockup.svg (+ exportações PNG)
mockups/            # exemplos aplicados
guide.md            # guia de uso de uma página

Etapa 1 — Briefing

Nome, o que faz, público, 3 palavras de personalidade, concorrentes a evitar na aparência, ativos existentes para manter. Pergunte uma vez pelo que estiver faltando.

Etapa 2 — Direção (aprovar antes de construir)

Ofereça 2 direções, cada uma: conceito de uma linha, paleta de 5 cores (hex, com funções: primária, secundária, destaque, neutro escuro, neutro claro), combinação tipográfica (nomes do Google Fonts), ideia de logotipo. Use references/brand-foundations.md para regras de contraste de paleta e tipografia.

Etapa 3 — Logotipo

  1. Crie SVGs diretamente (sempre possível, editável, escalável): marca geométrica, wordmark (texto convertido apenas se o usuário fornecer a fonte; caso contrário, use uma pilha segura para web e anote isso), lockup. Mantenha as marcas simples: funcionando a 16 px e em uma cor.
  2. Explorações opcionais com um provedor de imagem apenas para inspiração: creator.py image --prompt "exploração de logotipo vetorial plano para <nome>: <ideia>, <paleta>, fundo branco, sem mockup" --ratio 1:1. Os rasters gerados são referências, não entregáveis; redesenhe a ideia escolhida como SVG.
  3. Exporte PNGs: ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png (se o ffmpeg não tiver suporte a SVG, use rsvg-convert ou uma captura de tela do navegador).

Etapa 4 — Mockups

Use creator-image / creator.py image com o PNG do logotipo como --ref e a paleta em palavras: foto de perfil, template de post social, banner do YouTube (2560×1440, área segura 1546×423), cartão de visita, ecobag/camiseta, embalagem — apenas os que o usuário precisar. Adicione texto exato com media.py text, não na geração da imagem.

Etapa 5 — Salvar o kit

Escreva brand.json e ofereça copiar cores/fontes/logotipo para o bloco brand da configuração creator-skills, para que thumbnails, anúncios e fotos de produto os usem automaticamente. Escreva guide.md: paleta com funções e notas de contraste, escala tipográfica, espaço de respiro e tamanho mínimo do logotipo, exemplos de certo/errado.

Regras

  • Execute uma verificação rápida de originalidade: evite marcas que se assemelhem a logotipos conhecidos; informe ao usuário para fazer uma busca de marca registrada antes do uso comercial.
  • Contraste de texto: texto do corpo ≥ 4,5:1 contra seu fundo (WCAG AA).

Referências

  • references/brand-foundations.md — funções da paleta, contraste, combinação tipográfica, regras do logotipo
  • references/image-prompting.md, references/media-ops.md, references/providers.md

Individual skills in this repo

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

Habilidades Relacionadas