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
Exploring the Benefits and Drawbacks: Cloud LLM vs. Local AI Agents
The debate between cloud-based AI models and local AI processing continues to capture interest, with each offering distinct advantages and challenges. Dive into our analysis to understand the key takeaways.
Building a Bespoke GUI for DSP Research with LLMs — Lessons from 1 Year of Daily Use
A researcher shares their workflow for using coding LLMs to incrementally build a custom GUI for DSP data analysis, with tips on plotting, report generation, and tool integration.
Claude Code in Research Workflow: Practical Results from Paper Writing
A researcher used Claude Code for auxiliary tasks while writing a paper, finding it effective for generating publication-ready figures from vague instructions, migrating a search environment between codebases in under an hour, and formatting 12+ pages of math proofs in LaTeX, where it caught a missed incomplete bound condition. It struggled with debugging a concurrency issue that was actually a CPU allocation problem not evident in code or logs.
Kepler builds verifiable AI for financial services with Claude: 26M+ filings indexed, audit-ready answers
Kepler's platform indexes 26M+ SEC filings across 14,000+ companies, using Claude for multi-step reasoning and a deterministic verification layer to ensure every output traces back to source documents.