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
OpenClaw Setup Assistance Offered by ClawSet
ClawSet provides setup services for OpenClaw, focusing on understanding client needs. The service includes a setup call for $99 and a month of troubleshooting support.
One-Command Docker Setup for OpenClaw with Full-Disk Encryption and Monitoring
A Docker setup for OpenClaw that provides full-disk encryption guides, Tini as PID 1, built-in monitoring tools, and data stored as plain files on the host. Deployment requires just two commands: git clone and ./shell.
Yavio: Open-Source Product Analytics SDK for MCP Apps
Yavio is an open-source product analytics SDK for MCP and MCP Apps that automatically captures tool calls, errors, and resource reads with one function call. The MIT-licensed project provides a dashboard with per-tool breakdowns, funnels, retention, and error tracking.
Claude Code Plugin Analyzes Token Waste and Anomalies Locally
A developer built a Claude Code plugin that diagnoses token waste by detecting six anomaly types from local session data. The tool analyzed 8,392 sessions and found 1,015 anomalies, with ExcessiveToolUse being the most common.