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
Autonomous 5-Agent Claude System Replaces $3K/Month API Costs with Single Subscription
A developer built a 5-agent autonomous swarm using Claude Opus 4.6 running as Discord bots on WSL2, powered by a single Claude Max subscription instead of API credits, replacing what would cost $3,000+ monthly with $100-200.
Using Local LLM to Monitor Minecraft Bot AFK Sessions
A developer used a local LLM to monitor their Minecraft bot running Baritone for mining jobs, setting up screen monitoring to receive alerts when the bot dies or disconnects from the server.
Using Kimi K2.6 to Properly Uninstall macOS Apps by Finding Hidden App Directories
A developer describes using Kimi K2.6 to automatically find and delete macOS app directories, including hidden ~/.appname and ~/Library/Application Support files, with a custom agent that edits its base knowledge to improve the process.
Using Claude Code and Remotion to Create Demo Videos Without Design Skills
A developer delayed their product launch for months because they couldn't afford demo videos costing $300-$1,000 with 6-10 week timelines. Over one weekend, they used Remotion (React-based video generation) and Claude Code to create their own videos, illustrations, and landing page components, achieving thousands of views on their reels.