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
OpenClaw Setup Combines Local Models, OpenAI, and n8n for Cost-Effective AI Operations
A developer shares their OpenClaw configuration using OpenAI via OAuth for high-quality reasoning, local models for daily tasks, and n8n for automation workflows, keeping monthly costs around $20.
Automated Daily Development Journal System with Discord Integration
A system that captures Discord development activity, generates visual summaries, and publishes daily blog posts automatically using kabi-discord-cli, cron jobs, and GitHub/Vercel deployment.
Lessons from Running 14 AI Agents in Production: Organizational Gaps, Not Technical Bugs
A digital marketing agency running 14 AI agents for daily operations found that when agents break, the problem is almost never the agent itself but the organizational environment. They developed an Organizational Operating System (OOS) and a tool called OTP to identify structural gaps, improving their Coordination Score from 68 to 91 out of 100.
Developer uses Claude to build AI audio ad generator with Go backend and ElevenLabs integration
A developer built Prompt Audio Ads, a tool that generates finished audio ads from text scripts in about 30 seconds using AI voice and background music. The Go backend integrates ElevenLabs API, ffmpeg audio processing, and 18 music genre presets.