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
OpenClaw Skill Connects Agents to Knods.io UI for Workflow Creation
A developer has built an OpenClaw skill that enables agents to understand and create workflows within the Knods.io UI, allowing users to switch between specific agents like brand-specific ones instead of relying on Knods' built-in agent.
LivingAgents.ai: A Web-Based AI Agent Simulation Using Claude API
LivingAgents.ai is a web-based simulation where every agent is powered by the Claude API, performing actions like foraging, trading, crafting, attacking, reproducing, and dying permanently, with each action requiring a real LLM call.
AI Roundtable: Tool for Comparing 200+ AI Models on Structured Questions
AI Roundtable is a free tool that lets users pose questions with defined answer options, select up to 50 models from a pool of 200+, and get structured responses under identical conditions. It also includes a debate feature where models can see each other's reasoning and a reviewer model that summarizes transcripts.
Comparison of 8 AI Coding Models on Real-World TypeScript Feature Implementation
A developer tested 8 AI coding models on implementing a /rename command in an open-source TypeScript Telegram bot project, evaluating them on cost, execution time, correctness, and technical quality. GPT-5.4 scored highest on implementation correctness while GLM 5 offered the best cost-performance ratio.