100 Popular Apps Reverse-Engineered into Markdown Design Specs for Claude UI Cloning

✍️ OpenClawRadar📅 Published: May 17, 2026🔗 Source
100 Popular Apps Reverse-Engineered into Markdown Design Specs for Claude UI Cloning
Ad

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: #1A1A1A works; "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.

Ad

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

Ad

👀 See Also

OpenClaw Kubernetes Operator with Embedded Ollama Support
Tools

OpenClaw Kubernetes Operator with Embedded Ollama Support

A community member has created an OpenClaw Kubernetes operator that includes embedded Ollama support, allowing AI agents to run with local models in the same namespace. The setup includes installation commands, configuration details for both local and cloud Ollama models, and dashboard access instructions.

OpenClawRadar
Claude Code Hooks Implementation Project Covers All 23 Hooks
Tools

Claude Code Hooks Implementation Project Covers All 23 Hooks

A developer has built a project entirely with Claude code that implements all 23 Claude code hooks, with a video explaining each hook's use case and a GitHub repository available.

OpenClawRadar
Quanta-SDK v0.9.2 adds MCP server for quantum circuit execution via AI agents
Tools

Quanta-SDK v0.9.2 adds MCP server for quantum circuit execution via AI agents

Quanta-SDK v0.9.2 now includes an MCP (Model Context Protocol) server that provides AI agents like Claude or GPT with tools to execute and interpret quantum circuits. The server offers over 20 tools including circuit execution on IBM hardware, result interpretation, noise analysis, and quantum financial pricing.

OpenClawRadar
GrapeRoot tool reduces Claude Code costs by 45% with pre-scanned repository context
Tools

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.

OpenClawRadar