Pular para o conteúdo
valents

Logo Design Skill: ensine Claude ou Gemini a criar logos em SVG

Um repositório grátis do GitHub transforma o agente de IA em um designer de identidade, do briefing aos arquivos em vetor.

Por Breno Valente· 3 min de leitura
Logo Design Skill: ensine Claude ou Gemini a criar logos em SVG
Imagem: GitHub

O logo-design-skill é uma skill de código aberto (licença MIT) que guia Claude, Gemini CLI e outros agentes do briefing até arquivos SVG e um guia de marca. Veja o que ele entrega, como instalar e um pedido para testar.

O logo-design-skill é um repositório do GitHub criado por kaankiziltug. Ele não é um programa que gera logos sozinho. É uma skill: um pacote de instruções, referências e scripts que você instala no seu agente de IA para que ele trabalhe como um designer de identidade visual.

A skill segue o formato aberto Agent Skills. Por isso funciona no Claude Code, no Claude Desktop e no Claude.ai, e também no Gemini CLI, no Codex CLI e em outros agentes que aceitam skills, como Cursor e GitHub Copilot. Quem usa um desses agentes pode aproveitar sem pagar nada pela skill em si.

O processo vai do briefing à entrega. A IA pesquisa a categoria do negócio, propõe de 8 a 12 conceitos de uma linha e desenha três deles em SVG, o formato vetorial que não perde qualidade ao ampliar. Depois ela testa e refina. Nesse ponto a skill para e mostra os conceitos com uma recomendação. Só depois que você escolhe uma direção ela monta o kit completo: cores, versões do logo, ícones e guia de uso.

O repositório também traz uma biblioteca com mais de 1.400 logos reais em SVG, usada para estudo e para evitar parecer com marcas existentes. Atenção: esses arquivos pertencem aos donos das marcas e não estão cobertos pela licença MIT. Servem de referência, não de material para copiar.

Há ainda scripts em Python, sem dependências externas, que verificam o trabalho. O svg_audit.py audita o arquivo SVG: estrutura, quantidade de cores, complexidade, ângulos quase certos, detalhes pequenos demais, centralização e uma nota de prontidão para produção de 0 a 100. O preview_sheet.py gera uma folha de testes com tamanhos, fundos diferentes, versão de uma cor só e teste em 16 pixels. Essas notas são heurísticas e não substituem o seu olho.

Para instalar no Claude Code, rode /plugin marketplace add kaankiziltug/logo-design-skill e depois /plugin install logo-design@logo-design-skill. Se preferir o jeito manual, clone o repositório com git clone https://github.com/kaankiziltug/logo-design-skill.git e copie a pasta skills/logo-design para ~/.claude/skills/logo-design. No Gemini CLI, o mesmo clone vale, e a cópia vai para ~/.gemini/skills/logo-design. Comece uma nova sessão depois de instalar.

Para usar, peça em linguagem natural. A skill é acionada por pedidos sobre logos, wordmarks, monogramas, ícones de app, favicons e redesenho de marcas. Um exemplo do próprio repositório: Design a logo for Harbor, a savings app for first-time savers. Em português funciona a mesma ideia, por exemplo: crie um logo para a Harbor, um app de poupança para quem está começando a guardar dinheiro.

O que você precisa antes: um agente com suporte a skills e Python 3.8 ou mais novo para rodar os scripts. Para exportar PNG e ICO, é preciso ter um renderizador instalado, como cairosvg, rsvg-convert, Inkscape ou um navegador baseado em Chromium. O README avisa que a skill funciona melhor com um modelo capaz de ver imagens, porque ela confere os próprios desenhos.

Cuidados e limites. O repositório afirma entregar arquivos prontos para produção, mas isso não dispensa revisão humana. Antes de usar uma marca comercialmente, pesquise se já existe algo parecido registrado. O texto, os scripts e os modelos têm licença MIT, que permite uso e modificação. Os logos da biblioteca de referência são marcas de terceiros. Quanto ao teste de contraste citado no post, o README mostra verificações de fundo claro e escuro e de versão de uma cor, mas não confirmamos qual script mede a taxa de contraste, então confira você mesmo as cores.

Fontes

Gostou? Receba o resumo da semana

O que você quer receber

Leia também

Ver tudo →