100 Popular Apps Reverse-Engineered into Markdown Design Specs for Claude UI Cloning
A developer reverse-engineered 50 popular apps into structured markdown design specs and fed them to Claude to rebuild UIs. After iterating, they found a few critical patterns that improved clone accuracy, and published the repo with 100 apps.
What Makes Claude Nail UI Clones
- Exact values, not ranges:
#1A1A1Aworks; "dark gray" produces five different grays across five screens. - State coverage up front: Listing every state (empty, loading, error, filled) stopped Claude from inventing its own states.
- Spacing as a scale: Use a 4/8/16/24 spacing system instead of per-element pixel annotations for more consistent layouts.
- Navigation as a graph: Explicit screen-to-screen transitions eliminate guessing where buttons go.
Longer prose made output worse past a point — brevity and precision matter more than volume.
What's in the Repo
The public repository at github.com/Meliwat/awesome-ios-design-md contains 100 apps, each with three spec depths: quick reference, standard build, and full pixel-level clone. All specs are markdown, MIT licensed, with no dependencies. Drop a spec into Claude for more predictable UI output.
Who Is This For
Developers using Claude to generate or clone UI components, especially for iOS or general app design.
📖 Read the full source: r/ClaudeAI
👀 See Also
cc+ Desktop App for Claude Code: Multi-Session Management and Fleet Orchestration
cc+ is an open-source desktop application for Claude Code built on the Claude Agent SDK, available for macOS and Linux. It provides multi-session tabs, live activity tree visualization, security scoring, workflow enforcement, and fleet orchestration capabilities.
GodotIQ MCP Server Gives AI Coding Agents Spatial Understanding of Godot Scenes
GodotIQ is an MCP server that provides coding agents with true understanding of 2D/3D scenes, signals, and code dependencies in Godot. In a test, it autonomously built a twin-stick survivors game in one hour from assets and a prompt.
PRECC Tool Cuts Claude Code API Costs with Pre-Tool-Call Compression
A developer built PRECC, an open source tool that intercepts Claude Code tool calls and compresses payloads using RTK (Redundancy-aware Token Kompression), reducing input tokens by 40-66% with no perceptible latency impact.
GrapeRoot tool reduces Claude Code costs by 45% with pre-scanned repository context
A free tool called GrapeRoot that pre-scans repositories and builds dependency graphs reduced Claude Code costs by 45% on average across 10 engineering tasks while improving response quality by 13%. The tool eliminates exploration loops that normally consume tokens.