Desarrollador Diseña Icono de Aplicación Usando Claude AI Sin Herramientas de Diseño

Cómo un desarrollador usó Claude AI para diseñar un icono de aplicación

Un desarrollador creó un administrador de procesos para macOS llamado PIDKill que mata automáticamente procesos en un ciclo de escaneo. Después de lanzar el producto sin un logotipo satisfactorio, recurrieron a Claude AI en lugar de usar Figma, Midjourney o contratar a un diseñador.

El proceso de diseño con dos versiones de Claude

El desarrollador utilizó tanto Claude Code como Claude web (apodado "牛仔" o "vaquero") en un proceso de diseño competitivo:

• Concepto inicial de Claude Code: Una dirección "Night Owl" con 20 variantes en 5 subdirecciones, representando un vigilante nocturno monitoreando procesos.
• Enfoque de Claude web: Generó 12 diseños refinados de búhos, luego pasó a armas (hacha de batalla, guadaña, shuriken), terminales (tipografía kill -9) y series de golpes de precisión (mira, miras telescópicas).
• Explosión de diseño: Claude web produjo más de 60 conceptos en una noche a lo largo de tres rondas: Conceptos Básicos × 20 (Calavera, Relámpago, Escudo X), Profundización en Escudos × 20 y Conceptos Salvajes × 20 (Venus Atrapamoscas, Guillotina, Mantis Religiosa).

El diseño ganador: Simple y directo

Mientras intentos anteriores usaban metáforas, Claude Code creó una representación directa usando "PID" (ID de Proceso):

<!-- desplazamiento rojo -->
<text x="96" fill="#FF0000" opacity="0.25">PID</text>
<!-- desplazamiento cian -->
<text x="104" fill="#00FFFF" opacity="0.25">PID</text>
<!-- principal blanco -->
<text x="100" fill="#E0E0E0">PID</text>
<!-- una línea roja -->
<line x1="36" y1="100" x2="164" y2="100" stroke="#FF4444"/>

El diseño utiliza SF Mono (fuente predeterminada del sistema macOS) con desplazamientos rojo y cian creando un efecto de glitch/aberración cromática. El tachado rojo representa un proceso siendo eliminado.

Perspectiva clave: Lenguaje del sistema vs lenguaje de diseño

Claude web analizó por qué ganó el diseño de Claude Code: "Yo estaba realizando diseño. Claude Code estaba expresando una idea". Mientras Claude web experimentaba con varias fuentes (Space Grotesk, IBM Plex Mono, Syne), líneas de escaneo y degradados, Claude Code simplemente usó la fuente predeterminada SF Mono que los desarrolladores ven diariamente en Terminal.

Icono final y animación

El desarrollador combinó conceptos para crear el icono final: PID dentro de una mira con fondo de cuadrícula, anillos de mira y marcas de muesca. También crearon un GIF de animación de marca mostrando una mira cazando procesos reales (Chrome Helper, photoanalysisd, CoreSimulatorService), fijándose en ellos, eliminándolos y mostrando un contador de memoria.