App-Icon mit Claude KI gestalten: Entwickler erstellt PIDKill ohne Designtools

Wie ein Entwickler Claude AI zur Gestaltung eines App-Icons nutzte

Ein Entwickler hat einen macOS-Prozessmanager namens PIDKill erstellt, der Prozesse automatisch in einem Scan-Loop beendet. Nachdem das Produkt ohne ein zufriedenstellendes Logo veröffentlicht wurde, wandte er sich an Claude AI, anstatt Figma, Midjourney zu nutzen oder einen Designer zu beauftragen.

Der Designprozess mit zwei Claude-Versionen

Der Entwickler nutzte sowohl Claude Code als auch Claude Web (Spitzname "牛仔" oder "Cowboy") in einem wettbewerbsorientierten Designprozess:

Claude Codes ursprüngliches Konzept: Eine "Night Owl"-Richtung mit 20 Varianten über 5 Unterrichtungen, die einen nächtlichen Wächter darstellt, der Prozesse überwacht.
Claude Webs Ansatz: Erzeugte 12 verfeinerte Eulen-Designs, wechselte dann zu Waffen (Streitaxt, Sense, Shuriken), Terminals (kill -9 Typografie) und Präzisionsschuss-Serien (Fadenkreuze, Zielfernrohre).
Design-Explosion: Claude Web produzierte in einer Nacht über 60 Konzepte in drei Runden: Grundkonzepte × 20 (Totenkopf, Blitz, Schild X), Schild-Tiefenanalyse × 20 und Wilde Konzepte × 20 (Venusfliegenfalle, Guillotine, Gottesanbeterin).

Das Gewinner-Design: Einfach und direkt

Während frühere Versuche Metaphern nutzten, schuf Claude Code eine direkte Darstellung mit "PID" (Prozess-ID):

<!-- rote Verschiebung -->
<text x="96" fill="#FF0000" opacity="0.25">PID</text>
<!-- cyan Verschiebung -->
<text x="104" fill="#00FFFF" opacity="0.25">PID</text>
<!-- weißer Haupttext -->
<text x="100" fill="#E0E0E0">PID</text>
<!-- ein roter Strich -->
<line x1="36" y1="100" x2="164" y2="100" stroke="#FF4444"/>

Das Design verwendet SF Mono (die macOS-Systemstandardschriftart) mit roten und cyan Verschiebungen, die einen Glitch-/chromatische Aberration-Effekt erzeugen. Der rote Durchstreichstrich repräsentiert einen Prozess, der beendet wird.

Wesentliche Erkenntnis: Systemsprache vs. Designsprache

Claude Web analysierte, warum Claude Codes Design gewann: "Ich habe Design betrieben. Claude Code hat eine Idee ausgedrückt." Während Claude Web mit verschiedenen Schriftarten (Space Grotesk, IBM Plex Mono, Syne), Scanlines und Verläufen experimentierte, nutzte Claude Code einfach die Standard-SF Mono Schriftart, die Entwickler täglich im Terminal sehen.

Finales Icon und Animation

Der Entwickler kombinierte Konzepte, um das finale Icon zu erstellen: PID innerhalb eines Fadenkreuzes mit Gitternetz-Hintergrund, Zielfernrohr-Ringen und Kerbenmarkierungen. Er erstellte auch eine Markenanimations-GIF, die ein Fadenkreuz zeigt, das echte Prozesse (Chrome Helper, photoanalysisd, CoreSimulatorService) jagt, sie anvisiert, beendet und einen Speicherzähler anzeigt.

📖 Read the full source: r/ClaudeAI