APPSPEC.md

APPSPEC.md

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.

A short prompt✗ generic
“Build me a social photo sharing app”
~8 words→ vague wireframe
Our markdown spec✓ complete
## 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 code
~10,000 words→ production-grade prototype
5 min not 5 days
Real code not guesses
Original not cloned

See it in action

Our Markdown → this prototype

Your app

tiktok.apk

Upload or paste Play Store link

APPSPEC.md · ~5 min
Our output

Three Markdown files

MDfeatures.md
MDscreens.md
MDCLAUDE.md
drag
Processing

Claude Design

Drag all three files into the chat. No prompt engineering.

claude.ai/design — TikTok prototype

Open full prototype →

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.

Pricing

Free to try. Cheap to scale.

First analysis free. Buy more when you need.

Starter

100

credits · 1 analysis

$4.99

Buy Credits

Standard

300

credits · 3 analyses

$12.99

Buy Credits

Pro

1000

credits · 10 analyses

$39.99

Buy Credits
1 analysis = 100 credits. features.md + screens.md + CLAUDE.md, ready to drop.

Stop guessing. Start with the spec.

First analysis free. 100 credits on signup.

Generate Markdown →