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
Claude 4.6 Opus Reasoning Distilled to 14GB for Apple Silicon via MLX Quantization
A developer has quantized a Qwen 3.5 27B model distilled from Claude 4.6 Opus reasoning trajectories from 55.6GB to 14GB using MLX for Apple Silicon, achieving ~16 tokens/sec on an M4 Pro while maintaining the model's analytical reasoning capabilities.
Slack Plugin for Claude Code: Connect to Slack for Context and Updates
Slack has released a new plugin for Claude Code that enables connection to Slack for search, messaging, and document creation. The plugin allows Claude Code to access Slack context to unblock technical problems and post updates.
Forge: Open-Source Claude Code Plugin Adds Governance and Testing Gates
Forge is an open-source Claude Code plugin that adds file locking, automated test gates, and 22 governance agents to prevent collisions and drift in AI-generated code workflows. It's MIT licensed and installs via the Claude plugin marketplace.
Composer: A real-time markdown editor where Claude Code agents edit alongside you
Composer is a markdown editor where humans and Claude Code agents edit the same doc live. Agents connect via MCP, can read docs, reply to comments, and leave suggestions. Public docs are free and require no sign-in.