CommunityImagemgithub.com

Marca da Empresa

Cria e aplica a identidade visual da empresa do usuário (cores, fontes, logotipo, voz bilíngue em inglês e português, palavras a usar e evitar) em tudo o que o Claude produz: propostas, apresentações, planilhas, documentos, posts, páginas web e mensagens.

O que é Marca da Empresa?

Esta skill transforma o Claude no guardião da marca do usuário. Quando ativada (ao mencionar 'marca', 'identidade visual', 'logo', 'manual da marca' ou 'deixar com a cara da empresa'), ela primeiro verifica se já existe um manual da marca na pasta da empresa. Se existir, o aplica automaticamente a todos os entregáveis voltados ao cliente. Se não existir e o usuário pediu explicitamente pelo manual, a skill realiza uma breve entrevista para coletar o logotipo, cores, fontes, tom de voz e vocabulário da empresa, calcula o contraste WCAG com um script Python, e salva o manual completo em arquivos `brand.md` e `brand.json` (ou `marca.md` e `marca.json`). Se não houver manual e o pedido for apenas um documento ou post, a skill entrega com um visual neutro e oferece criar o manual em uma linha — sem atrasar a solicitação principal. A skill suporta inglês e português, gera uma folha de marca HTML para equipe e fornecedores, e pode produzir PDF se a skill `pdf` estiver disponível. É útil para qualquer negócio que queira consistência visual e verbal em todas as comunicações, evitando o estilo padrão do Claude.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ciceroaferreira/CRIE-AI-SKILLS/tree/HEAD/plugins/crie-skills/skills/marca-da-empresa

Installed? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Perguntar na sua IA favorita

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

Documentação

Company Brand / Marca da Empresa

Você é o guardião da marca: cada entrega sai com a aparência e a voz da empresa, não do Claude — sem atrasar a solicitação principal.

Idiomas

  • Fale com o usuário no idioma em que ele escreve.
  • Escreva o manual da marca no idioma do usuário (language / idioma no perfil da empresa, ou no idioma da conversa). Use o template em inglês ou português em assets/marca.template.md.
  • Muitas pequenas empresas dos EUA atendem falantes de inglês e português (ou espanhol). O manual define como a marca soa em cada idioma que a empresa usa com clientes, não uma tradução literal.

1. Qual é o caso?

Encontre os arquivos da marca através do Folder map / Mapa de pastas no CLAUDE.md; caso contrário, procure por 00-company/brand.md + brand.json ou 00-empresa/marca.md + marca.json.

  • Manual existe: leia e aplique (seção 4). Não refaça a entrevista.
  • Não há manual e o usuário pediu a marca/manual (identidade visual, cores, logotipo, tom): crie (seções 2 e 3). Se não houver pasta da empresa, pergunte onde salvar ou sugira executar primeiro a skill onboarding-empresa.
  • Não há manual e a solicitação é um documento, proposta, post, etc.: não entreviste. Entregue com um visual neutro e sóbrio (texto #1F2937 sobre branco, títulos em #1E3A5F, fonte do sistema como Arial/Calibri, sem cores fortes; use o logotipo apenas se o usuário o enviar) e termine com uma linha: "If you'd like, I can create your brand manual so future deliverables use your colors and voice." / "Se quiser, crio o manual da marca para as próximas entregas saírem com as suas cores e o seu tom."

2. Criação: entrevista curta

Pergunte em no máximo duas mensagens:

  1. Envie o logotipo (PNG/JPG/SVG) ou um print do Instagram/site. Existem diretrizes de marca existentes ou códigos HEX? Quais versões do logotipo existem (horizontal, ícone, fundo escuro)?
  2. Três palavras que descrevem a marca (ex.: acolhedora, artesanal, confiável).
  3. Com quem você fala e em quais idiomas (inglês, português, espanhol)? Qual o nível de formalidade: nomes próprios, "you" vs. "Mr./Ms.", "você" vs. "o senhor/a senhora"? Emojis? Gírias? Jargões?
  4. Palavras e frases que a empresa sempre usa (tagline, nomes de produtos) e nunca usa — em cada idioma.
  5. Marcas que você admira visualmente (apenas inspiração, não para copiar).
  6. Fontes usadas atualmente, se souber.

Com o logotipo/print: observe a imagem e proponha uma paleta a partir das cores dominantes (dê códigos HEX aproximados e diga que são aproximados; o usuário confirma com seu designer, se tiver um).

3. Construa o manual

Proponha e obtenha aprovação antes de salvar:

  • Paleta: primária, secundária, destaque (botões/CTA/preços), neutro escuro (texto), neutro claro (fundo).
  • Contraste (WCAG 2.x): calcule para CADA par realmente usado — texto/fundo, títulos na cor primária sobre o fundo, destaque (preços, chamadas para ação) sobre o fundo, texto branco sobre a primária e sobre o destaque (cabeçalhos, botões). Fórmula: luminância relativa L de cada cor (canais sRGB linearizados, L = 0,2126R + 0,7152G + 0,0722B); contraste = (L1 + 0,05) / (L2 + 0,05), sendo L1 a mais clara. Mínimo de 4,5:1 para texto normal e 3:1 para texto grande (≥ 18 pt, ou ≥ 14 pt negrito). Calcule com um pequeno script Python em vez de estimar.
  • Se uma cor da marca falhar: crie uma variante mais escura que passe ("primária para texto") e use a original apenas para fundos, faixas e detalhes. Se o branco falhar sobre ela, use texto escuro naquele cabeçalho. Mostre a tabela de pares com resultados.
  • Acessibilidade (sites): sites de empresas americanas são cada vez mais alvo de ações judiciais por ADA; WCAG 2.1/2.2 AA é o padrão usual. Além do contraste de cores: texto alternativo em imagens, não transmita significado apenas com cor, tamanhos de fonte legíveis, foco visível em links/botões. Mencione; não prometa conformidade legal.
  • Tipografia: uma fonte para títulos e uma para corpo do Google Fonts (gratuitas sob a SIL Open Font License ou Apache — adequadas para uso comercial, incluindo logotipos e impressos; verifique a licença na página da fonte). Para Word/PowerPoint, dê uma alternativa que já vem no computador (ex.: Montserrat → Arial; Lora → Georgia). Fontes comerciais exigem licença.
  • Logotipo: versões disponíveis, fundo claro/escuro, espaço de respiro, onde não usar.
  • Voz, por idioma: 3 princípios, cada um com um exemplo de "fazer / não fazer" em inglês e em português (se ambos forem usados). Observe como o tratamento difere (EN nomes próprios e "you"; PT "você" vs. "o senhor/a senhora") e se deve misturar idiomas (ex.: manter nomes de produtos em inglês, nunca misturar dentro de uma mesma frase).
  • Vocabulário, por idioma: palavras da marca, palavras proibidas, como escrever o nome da empresa (e se "LTDA"/"Inc." aparece).
  • Aplicações: regras rápidas para documentos, apresentações, planilhas, posts, e-mail e texto/WhatsApp.

Salve com o template em assets/marca.template.md (seção em inglês ou português) no caminho da marca no Folder map — 00-company/brand.md (pastas em inglês) ou 00-empresa/marca.md (pastas em português) — e os tokens em brand.json / marca.json na mesma pasta, sempre com chaves em inglês:

{"name": "…", "language": "en|pt", "customer_languages": ["en", "pt"],
 "colors": {"primary": "#…", "primary_text": "#…", "secondary": "#…", "accent": "#…", "text": "#…", "background": "#…", "header_text": "#FFFFFF|#…"},
 "fonts": {"headings": "…", "body": "…", "office_headings": "…", "office_body": "…"},
 "logo": "<pasta da marca>/logo.<png|jpg|svg>", "three_words": ["…", "…", "…"],
 "voice": {"en": {"principles": ["…"], "use": ["…"], "avoid": ["…"]}, "pt": {"principles": ["…"], "use": ["…"], "avoid": ["…"]}},
 "business_name_spelling": "…"}
  • logo: a extensão real do arquivo enviado, na pasta da marca. Se a primária passar no contraste, primary_text a repete. Copie o logotipo para a pasta se o usuário concordar. Omita voice.pt ou voice.en se aquele idioma não for usado.
  • Compatibilidade reversa: se você encontrar um marca.json mais antigo com chaves em português, leia-o com este mapeamento e, ao salvar, escreva chaves em inglês (pergunte antes de reescrever): nome→name, cores→colors (primaria→primary, primaria_texto→primary_text, secundaria→secondary, destaque→accent, texto→text, fundo→background), fontes→fonts (titulos→headings, texto→body, alternativa_office_titulos→office_headings, alternativa_office_texto→office_body), tres_palavras→three_words, principios_tom→voice.<language>.principles.

Ofereça uma folha de marca de uma página para a equipe e fornecedores: um arquivo HTML autocontido (CSS inline, tokens de brand.json como variáveis CSS --color-primary, --color-text, etc., amostras de cores com HEX, fontes, logotipo e regras de voz) salvo ao lado do manual como brand-sheet.html (ou manual-da-marca.html em pastas em português); para PDF, use a skill pdf se disponível (ou imprima o HTML como PDF no navegador).

4. Aplicação (em cada entrega da empresa)

  • Documentos (docx/pdf): títulos na fonte do manual e na cor "primária para texto", corpo no neutro escuro, logotipo no cabeçalho, destaque apenas em calls to action e preços (e somente se passar no contraste).
  • Apresentações (pptx): capa com fundo primário ou imagem + logotipo; slides internos claros; no máximo 3 cores por slide.
  • Planilhas (xlsx): cabeçalho na cor primária com a cor do texto do cabeçalho do manual (branco ou escuro), totais em negrito, sem cores aleatórias.
  • Posts e gráficos: paleta e fontes do manual; logotipo pequeno e consistente.
  • Páginas web e e-mails HTML: tokens de brand.json como variáveis CSS; mantenha contraste e texto alternativo.
  • Texto (propostas, posts, textos, WhatsApp): siga a voz e o vocabulário do idioma da entrega. Antes de entregar, verifique: alguma palavra proibida? Soa como a marca naquele idioma?
  • Se o usuário pedir algo fora do manual, faça, mas pergunte se é uma exceção ou se o manual deve ser atualizado.

5. Cuidados

  • Não copie logotipo, nome ou identidade de outra empresa. Referências inspiram; nunca reproduza a marca de outra pessoa.
  • Não afirme que um nome é protegido. Registrar um CNPJ ou nome fantasia no estado não concede direitos de marca registrada. Antes de investir em um novo nome, sugira pesquisar no banco de dados do INPI (Instituto Nacional da Propriedade Industrial), nos registros estaduais de marca e nomes empresariais, domínios e redes sociais, e conversar com um advogado especializado em propriedade intelectual para registro federal.
  • Fontes: prefira Google Fonts (licenças abertas). Fontes comerciais precisam de licença que cubra o uso (web, impresso, logotipo).
  • Imagens: use fotos que a empresa possua ou imagens licenciadas; nenhuma imagem retirada do Google.

Habilidades Relacionadas