Clone any mobile app’s UI.
One file. Drop APPSPEC.md into Claude Code. 30+ apps ready.
Reverse-engineered from real apps — not AI guesses.
Why Markdown
Better input. Better prototype.
Claude Design is only as good as what you feed it.
## Feed Screen
**Purpose:** Primary content surface. Personalized
algorithmic feed mixing posts, reels, stories, and ads.
**Layout:** Top AppBar (Logo · DM · Notifications) +
Stories row (horizontal scroll, 72dp avatars) + vertical
feed (RecyclerView, prefetchDistance=4).
**Post card anatomy:**
- Header: avatar (32dp), username, menu "⋯"
- Media: carousel (ViewPager2) · 1:1 / 4:5 / 16:9
- Action row: Like · Comment · Share · Save
- Counters: "12,384 likes" · "View all 1.2K comments"
- Caption: 3-line clamp, "more" expander
**Interactions:**
- Double-tap media → optimistic like + heart burst
animation (300ms spring)
- Pull-to-refresh → prepends fresh items, max 5
- Long-press → floating preview (peek), blur backdrop
- Video auto-play on 50% viewport, mute by default
**State & data:**
- FeedViewModel → Paging3 source (page_size=10)
- Cache: Room DB, TTL 5min, stale-while-revalidate
- Offline: last 3 pages served from cache
**Telemetry:**
- impression, dwell_time, like_tap, comment_open,
share_sheet_open, save_tap, video_watch_pct
**Edge cases:**
- Empty: "Discover people to follow" empty state
- Rate-limited: show cached, banner "Feed paused"
... 55 more screens, every flow grounded in decompiled codeSee it in action
Our Markdown → this prototype
tiktok.apk
Upload or paste Play Store link
Three Markdown files
Claude Design
Drag all three files into the chat. No prompt engineering.
Starter apps
Grab an APPSPEC.md. Start cloning.
npx @appspec/cli add <slug> drops one file into your project. Claude Code reads it and builds the UI.
Fitbit
116 screensnpx @appspec/cli add fitbit
View spec →Spotify
19 screensnpx @appspec/cli add spotify
View spec →Tinder
24 screensnpx @appspec/cli add tinder
View spec →npx @appspec/cli add whatsapp
View spec →Lemon8
16 screensnpx @appspec/cli add lemon8
View spec →TikTok
40 screensnpx @appspec/cli add tiktok
View spec →npx @appspec/cli add instagram
View spec →Pricing
Free to try. Cheap to scale.
First analysis free. Buy more when you need.
Stop guessing. Start with the spec.
First analysis free. 100 credits on signup.
Generate Markdown →