50 Popular Apps Reverse-Engineered into Claude-Readable Design Specs: Key Patterns for UI Cloning
u/meliwat spent weeks reverse-engineering 50 popular apps into structured markdown design specs and fed them to Claude to rebuild the UIs. The difference between near-perfect clones and drifting outputs came down to a few concrete practices observed at volume.
What Made 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.
- Spacing as a scale, not per-element pixels. A 4/8/16/24 spacing system produced more consistent layouts than annotating every gap.
- Navigation as a graph. Explicit screen-to-screen transitions killed the "where does this button go" guessing.
What Didn't Help
Longer prose. Past a point, more words made the output worse, not better. Keep specs concise.
Available Resources
The entire collection is open-sourced on GitHub at github.com/Meliwat/awesome-ios-design-md. Each app ships with 3 spec depths: quick reference, standard build, or full pixel-level clone. All markdown, MIT license, no dependencies.
Community Question
The author asks: if you've done UI cloning with Claude, what patterns have you found that are missing from this list? Which apps are worth adding next?
📖 Read the full source: r/ClaudeAI
👀 See Also
Control Real iPhones from OpenClaw Agents — Hands-On with AvaBerry43's Setup
A developer created an API-controlled iPhone setup for agents, testing features like iMessage drafting, Shortcuts, and mobile QA. 70 phones are available for others to experiment with.
Jake Benchmark v1: Local LLM Performance Testing for OpenClaw AI Agents
A developer tested 7 local LLMs as AI agents with OpenClaw using 22 practical tasks including email processing, meeting scheduling, and phishing detection. Results ranged from 59.4% for Qwen 27B to 1.6% for Nemotron 30B, with detailed conversation logs available.
Tacit: An LLM-First Programming Language Built with Claude Code and Opus 4.7
Tacit is an experimental LLM-first programming language designed and implemented using Claude Code and Opus 4.7. It strips away human conveniences to minimize token usage and ships with a primer that teaches mid-tier+ LLMs (Sonnet and above) how to write Tacit code.
Scalpel v2.0: Codebase Scanner and AI Agent Orchestrator
Scalpel v2.0 is an open-source tool that scans codebases across 12 dimensions and assembles custom AI agent teams. It includes a pure bash scanner that runs without AI tokens and works with Claude Code, Codex, Gemini, Cursor, Windsurf, Aider, and OpenCode.