Développeur conçoit une icône d'application avec Claude AI sans outils de design

Comment un développeur a utilisé Claude IA pour concevoir une icône d'application

Un développeur a construit un gestionnaire de processus macOS appelé PIDKill qui tue automatiquement les processus dans une boucle de scan. Après avoir livré le produit sans un logo satisfaisant, il s'est tourné vers Claude IA au lieu d'utiliser Figma, Midjourney ou d'embaucher un designer.

Le processus de conception avec deux versions de Claude

Le développeur a utilisé à la fois Claude Code et Claude web (surnommé "牛仔" ou "cowboy") dans un processus de conception compétitif :

• Le concept initial de Claude Code : Une direction "Night Owl" avec 20 variantes sur 5 sous-directions, représentant un observateur nocturne surveillant les processus.
• L'approche de Claude web : A généré 12 designs raffinés de hiboux, puis est passé aux armes (hache de guerre, faux, shuriken), aux terminaux (typographie kill -9) et aux séries de frappe de précision (réticules, viseurs).
• Explosion de designs : Claude web a produit 60+ concepts en une nuit sur trois tours : Concepts de Base × 20 (Crâne, Éclair, Bouclier X), Plongée dans les Boucliers × 20, et Concepts Audacieux × 20 (Dionée attrape-mouche, Guillotine, Mante religieuse).

Le design gagnant : Simple et direct

Alors que les tentatives précédentes utilisaient des métaphores, Claude Code a créé une représentation directe en utilisant "PID" (Process ID) :

<!-- décalage rouge -->
<text x="96" fill="#FF0000" opacity="0.25">PID</text>
<!-- décalage cyan -->
<text x="104" fill="#00FFFF" opacity="0.25">PID</text>
<!-- blanc principal -->
<text x="100" fill="#E0E0E0">PID</text>
<!-- une ligne rouge -->
<line x1="36" y1="100" x2="164" y2="100" stroke="#FF4444"/>

Le design utilise la police SF Mono (police système par défaut de macOS) avec des décalages rouge et cyan créant un effet de glitch/aberration chromatique. Le barré rouge représente un processus en cours de terminaison.

Idée clé : Langage système vs Langage de conception

Claude web a analysé pourquoi le design de Claude Code a gagné : "Je faisais du design. Claude Code exprimait une idée." Alors que Claude web expérimentait avec diverses polices (Space Grotesk, IBM Plex Mono, Syne), des lignes de scan et des dégradés, Claude Code a simplement utilisé la police SF Mono par défaut que les développeurs voient quotidiennement dans le Terminal.

Icône finale et animation

Le développeur a combiné des concepts pour créer l'icône finale : PID à l'intérieur d'un réticule avec un fond en grille, des anneaux de viseur et des repères d'encoche. Il a également créé un GIF d'animation de marque montrant un réticule traquant de vrais processus (Chrome Helper, photoanalysisd, CoreSimulatorService), les verrouillant, les tuant et affichant un compteur de mémoire.