Desenvolvedor Cria Ícone do Aplicativo Usando Claude AI Sem Ferramentas de Design

Como um Desenvolvedor Usou a Claude AI para Projetar um Ícone de Aplicativo

Um desenvolvedor criou um gerenciador de processos para macOS chamado PIDKill que automaticamente encerra processos em um ciclo de varredura. Após lançar o produto sem um logotipo satisfatório, ele recorreu à Claude AI em vez de usar Figma, Midjourney ou contratar um designer.

O Processo de Design com Duas Versões da Claude

O desenvolvedor usou tanto o Claude Code quanto o Claude web (apelidado de "牛仔" ou "cowboy") em um processo competitivo de design:

• Conceito inicial do Claude Code: Uma direção "Night Owl" com 20 variantes em 5 subdireções, representando um observador noturno monitorando processos.
• Abordagem do Claude web: Gerou 12 designs refinados de coruja, depois passou para armas (machado de batalha, foice, shuriken), terminais (tipografia kill -9) e séries de ataque de precisão (mira, lunetas).
• Explosão de design: O Claude web produziu mais de 60 conceitos em uma noite em três rodadas: Conceitos Básicos × 20 (Caveira, Relâmpago, Escudo X), Mergulho Profundo no Escudo × 20 e Conceitos Ousados × 20 (Dioneia, Guilhotina, Louva-a-Deus).

O Design Vencedor: Simples e Direto

Enquanto tentativas anteriores usavam metáforas, o Claude Code criou uma representação direta usando "PID" (ID do Processo):

<!-- deslocamento vermelho -->
<text x="96" fill="#FF0000" opacity="0.25">PID</text>
<!-- deslocamento ciano -->
<text x="104" fill="#00FFFF" opacity="0.25">PID</text>
<!-- branco principal -->
<text x="100" fill="#E0E0E0">PID</text>
<!-- uma linha vermelha -->
<line x1="36" y1="100" x2="164" y2="100" stroke="#FF4444"/>

O design usa a fonte SF Mono (padrão do sistema macOS) com deslocamentos vermelho e ciano criando um efeito de glitch/aberração cromática. O risco vermelho representa um processo sendo encerrado.

Insight Principal: Linguagem do Sistema vs Linguagem de Design

O Claude web analisou por que o design do Claude Code venceu: "Eu estava fazendo design. O Claude Code estava expressando uma ideia." Enquanto o Claude web experimentava várias fontes (Space Grotesk, IBM Plex Mono, Syne), linhas de varredura e gradientes, o Claude Code simplesmente usou a fonte padrão SF Mono que os desenvolvedores veem diariamente no Terminal.

Ícone Final e Animação

O desenvolvedor combinou conceitos para criar o ícone final: PID dentro de uma mira com fundo de grade, anéis de luneta e marcas de entalhe. Ele também criou um GIF de animação da marca mostrando uma mira caçando processos reais (Chrome Helper, photoanalysisd, CoreSimulatorService), travando neles, encerrando-os e exibindo um contador de memória.