Разработчик создает иконку приложения с помощью Claude AI без использования дизайнерских инструментов.

Как разработчик использовал Claude AI для дизайна иконки приложения

Разработчик создал менеджер процессов для macOS под названием PIDKill, который автоматически завершает процессы в циклическом сканировании. После выпуска продукта без удовлетворительного логотипа он обратился к Claude AI вместо использования Figma, Midjourney или найма дизайнера.

Процесс дизайна с двумя версиями Claude

Разработчик использовал как Claude Code, так и Claude web (с прозвищем «ковбой») в соревновательном процессе дизайна:

• Изначальная концепция Claude Code: Направление «Ночная сова» с 20 вариантами в 5 поднаправлениях, представляющее ночного наблюдателя, следящего за процессами.
• Подход Claude web: Сгенерировал 12 усовершенствованных дизайнов совы, затем перешёл к оружию (боевой топор, коса, сюрикен), терминалам (типографика kill -9) и серии точных ударов (перекрестие, прицелы).
• Взрыв дизайна: Claude web создал 60+ концепций за одну ночь в трёх раундах: Базовые концепции × 20 (Череп, Молния, Щит X), Углублённое изучение щита × 20 и Дикие концепции × 20 (Венерина мухоловка, Гильотина, Богомол).

Победивший дизайн: Простой и прямой

В то время как предыдущие попытки использовали метафоры, Claude Code создал прямое представление, используя «PID» (Идентификатор процесса):

<!-- красное смещение -->
<text x="96" fill="#FF0000" opacity="0.25">PID</text>
<!-- голубое смещение -->
<text x="104" fill="#00FFFF" opacity="0.25">PID</text>
<!-- белый основной -->
<text x="100" fill="#E0E0E0">PID</text>
<!-- одна красная линия -->
<line x1="36" y1="100" x2="164" y2="100" stroke="#FF4444"/>

Дизайн использует шрифт SF Mono (шрифт по умолчанию в macOS) с красным и голубым смещением, создающим эффект глитча/хроматической аберрации. Красное зачёркивание символизирует завершение процесса.

Ключевое понимание: Язык системы против языка дизайна

Claude web проанализировал, почему дизайн Claude Code победил: «Я занимался дизайном. Claude Code выражал идею». В то время как Claude web экспериментировал с различными шрифтами (Space Grotesk, IBM Plex Mono, Syne), сканирующими линиями и градиентами, Claude Code просто использовал шрифт SF Mono по умолчанию, который разработчики видят ежедневно в Терминале.

Финальная иконка и анимация

Разработчик объединил концепции, чтобы создать финальную иконку: PID внутри перекрестия с фоновой сеткой, кольцами прицела и метками засечек. Он также создал анимированный GIF для бренда, показывающий, как перекрестие выслеживает реальные процессы (Chrome Helper, photoanalysisd, CoreSimulatorService), наводится на них, завершает их и отображает счётчик памяти.