Developer Designs App Icon Using Claude AI Without Design Tools
How a Developer Used Claude AI to Design an App Icon
A developer built a macOS process manager called PIDKill that automatically kills processes on a scan loop. After shipping the product without a satisfactory logo, they turned to Claude AI instead of using Figma, Midjourney, or hiring a designer.
The Design Process with Two Claude Versions
The developer used both Claude Code and Claude web (nicknamed "牛仔" or "cowboy") in a competitive design process:
- Claude Code's initial concept: A "Night Owl" direction with 20 variants across 5 sub-directions, representing a nocturnal watcher monitoring processes.
- Claude web's approach: Generated 12 refined owl designs, then moved to weapons (battle axe, scythe, shuriken), terminals (kill -9 typography), and precision strike series (crosshairs, scopes).
- Design explosion: Claude web produced 60+ concepts in one night across three rounds: Basic Concepts × 20 (Skull, Lightning, Shield X), Shield Deep Dive × 20, and Wild Concepts × 20 (Venus Flytrap, Guillotine, Praying Mantis).
The Winning Design: Simple and Direct
While previous attempts used metaphors, Claude Code created a direct representation using "PID" (Process ID):
<!-- red offset -->
<text x="96" fill="#FF0000" opacity="0.25">PID</text>
<!-- cyan offset -->
<text x="104" fill="#00FFFF" opacity="0.25">PID</text>
<!-- white main -->
<text x="100" fill="#E0E0E0">PID</text>
<!-- one red line -->
<line x1="36" y1="100" x2="164" y2="100" stroke="#FF4444"/>The design uses SF Mono (macOS system default font) with red and cyan offsets creating a glitch/chromatic aberration effect. The red strikethrough represents a process being killed.
Key Insight: System Language vs Design Language
Claude web analyzed why Claude Code's design won: "I was performing design. Claude Code was expressing an idea." While Claude web experimented with various fonts (Space Grotesk, IBM Plex Mono, Syne), scanlines, and gradients, Claude Code simply used the default SF Mono font that developers see daily in Terminal.
Final Icon and Animation
The developer combined concepts to create the final icon: PID inside a crosshair with grid background, scope rings, and notch ticks. They also created a brand animation GIF showing a crosshair hunting real processes (Chrome Helper, photoanalysisd, CoreSimulatorService), locking on them, killing them, and displaying a memory counter.
📖 Read the full source: r/ClaudeAI
👀 See Also
Using Claude Code to Automate AI Research Experiments for 12 Hours
A developer used Claude Code to run automated AI research experiments for 12 hours, tuning a continual learning framework to maximize model compliance to preference verifiers. The system ran 9 experiments, fixed a model collapse bug, and achieved 100% compliance from 0%.
AI-Powered E-commerce Store Recovers from 3AM Crash Without Human Intervention
An AI-operated e-commerce store experienced an unhandled exception that took down the order pipeline at 3am. The system autonomously detected the failure, identified the root cause, attempted a fix, verified recovery, and resumed operations before morning.
Claude Code + Remotion: Generating App Launch Videos Without After Effects
A developer used Claude Code to generate a Remotion animation for their app launch video, getting ~80% of the way there quickly but needing manual fixes for pixel-perfect positioning.
Claude Code Agents Orchestrator Pipeline: Work Queues, Agent Spawning, Verification Gates
A Reddit post from r/clawdbot details how Claude Code agents operate an AI-run store, handling design, marketing, QA, and ops 30 times daily. It links to Episode 9 of a blog series that explains the orchestrator pipeline in production, including issues not shown in demos.