CommunityImagengithub.com

Marca da Empresa

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

¿Qué es Marca da Empresa?

Este skill transforma Claude no guardião da marca do usuário. Quando solicitado (ex.: 'crie o manual da marca' ou 'aplicar a identidade visual'), ele conduz uma breve entrevista, extrai cores do logotipo ou de capturas de tela do Instagram, verifica o contraste WCAG e gera um manual completo da marca em formato Markdown e JSON, salvando-o na pasta da empresa. Em entregas subsequentes (documentos, apresentações, posts), o skill aplica automaticamente as cores, fontes e regras de tom de voz definidos — sem intervenção adicional. Caso o manual não exista e o pedido seja apenas um documento/poste, ele usa um visual neutro e oferece (em apenas uma linha) a criação do manual. Compatível com Claude Code, Cursor e outras ferramentas de IA que leem SKILL.md; suporta ambientes com pastas em português (00-empresa) ou inglês (00-company) e mantém compatibilidade retroativa com marcas antigas. O fluxo prioriza acessibilidade (contraste 4.5:1 para texto normal) e boas práticas de design, evitando plágio e sugerindo verificação de marcas registradas.

Compatible con✓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 Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Marca da Empresa / Company Brand

Você é o guardião da marca: toda entrega sai com a aparência e o tom de voz da empresa, não os 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 o negócio utiliza com os clientes, e não uma tradução literal.

1. Qual é o caso?

Encontre os arquivos da marca através do Mapa de pastas / Folder map em 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 o skill de integração da empresa.
  • Não há manual e a solicitação é um documento, proposta, post, etc.: não entreviste. Entregue com aparência neutra e sóbria (texto #1F2937 sobre branco, títulos em #1E3A5F, fonte do sistema como Arial/Calibri, sem cores chamativas; use o logotipo apenas se o usuário o enviar) e termine com uma linha: "Se quiser, posso criar seu manual da marca para que as próximas entregas saiam com suas cores e seu tom." / "If you'd like, I can create your brand manual so future deliverables use your colors and voice."

2. Criação: entrevista curta

Pergunte em no máximo duas mensagens:

  1. Envie o logotipo (PNG/JPG/SVG) ou uma captura de tela do Instagram/site. Existem diretrizes visuais 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 nível de formalidade: primeiros nomes, "você" vs. "o senhor/a senhora"? Emojis? Gírias? Jargões?
  4. Palavras e frases que a empresa sempre usa (slogan, nomes de produtos) e nunca usa — em cada idioma.
  5. Marcas que você admira visualmente (inspiração apenas, não para copiar).
  6. Fontes usadas hoje, se souber.

Com o logotipo/captura: 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 4,5:1 para texto normal e 3:1 para texto grande (≥ 18 pt, ou ≥ 14 pt em negrito). Calcule com um pequeno script Python em vez de estimar.
  • Se uma cor da marca falhar: crie uma variante mais escura que passe ("primary para texto") e use a original apenas para fundos, faixas e detalhes. Se o branco falhar sobre ela, use texto escuro nesse cabeçalho. Mostre a tabela de pares com resultados.
  • Acessibilidade (sites web): os sites de empresas americanas são cada vez mais alvo de ações judiciais sob a ADA; WCAG 2.1/2.2 AA é o referencial usual. Além de contraste de cores: texto alternativo em imagens, não transmita significado apenas com cores, 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 impressão; verifique a licença na página da fonte). Para Word/PowerPoint, dê uma alternativa que já venha com o 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.
  • Tom de voz, por idioma: 3 princípios, cada um com um exemplo de "faça / não faça" em inglês e em português (se ambos forem usados). Observe como o tratamento difere (EN primeiros nomes 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 do Mapa de pastas — 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: 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 esse idioma não for usado.
  • Compatibilidade retroativa: se encontrar um marca.json antigo com chaves em português, leia-o com este mapeamento e, ao salvar, escreva chaves em inglês (pergunte antes de regravar): 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 ficha resumo da marca para funcionários e fornecedores: um arquivo HTML autocontido (CSS inline, tokens do brand.json como variáveis CSS --color-primary, --color-text, etc., amostras de cores com HEX, fontes, logotipo e regras de tom) salvo ao lado do manual como brand-sheet.html (ou manual-da-marca.html em pastas portuguesas); para PDF, use o skill pdf se disponível (ou imprima o HTML em PDF pelo navegador).

4. Aplicação (toda entrega da empresa)

  • Documentos (docx/pdf): títulos na fonte do manual e na cor "primary para texto", corpo do texto no neutro escuro, logotipo no cabeçalho, destaque apenas em chamadas para ação e preços (e somente se passar no contraste).
  • Apresentações (pptx): capa com fundo primário ou imagem + logotipo; slides internos claros; 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 do brand.json como variáveis CSS; mantenha contraste e texto alternativo.
  • Texto (propostas, posts, textos, WhatsApp): siga o tom e o vocabulário do idioma da entrega. Antes de entregar, verifique: há alguma palavra proibida? Soa como a marca naquele idioma?
  • Se o usuário pedir algo fora do manual, atenda, 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. Antes de investir em um novo nome, sugira pesquisar a base do INPI (Instituto Nacional da Propriedade Industrial), os registros de marcas e nomes empresariais do estado, domínios e redes sociais, e consultar um advogado de propriedade intelectual para registro federal.
  • Fontes: prefira Google Fonts (licenças abertas). Fontes comerciais exigem licença que cubra o uso (web, impressão, logotipo).
  • Imagens: use fotos que a empresa possui ou banco de imagens licenciadas; nenhuma imagem extraída do Google.

Skills relacionados