← all repositories
Meliwat/awesome-ios-design-md

200 famous apps reverse-engineered into AI-readable design specs

Curated DESIGN.md packs that give AI agents exact hex values, type ramps, and motion curves for 200 real apps.

awesome-ios-design-md
Collecting fresh signals — velocity needs a few days of history.
star history

What it does

This repo collects reverse-engineered design system documents for 200 well-known mobile apps. Each app gets four markdown files—framework-neutral, SwiftUI, Expo/React Native, and Jetpack Compose—containing exact colors, typography scales, spacing grids, component states, motion curves, and haptics. You drop the file into a project and tell your AI agent to follow it, turning “build a Spotify-like player” from a vibe into a spec.

The interesting bit

The project treats large-language-model agents as the primary consumer, not humans. By packaging real-app design systems as plain markdown in the Stitch DESIGN.md format, it skips Figma, JSON schemas, and design-tool exports entirely; the agent reads the spec natively and generates code that matches actual production UI. The framework-specific flavors even include ready-made tokens and sample views—Color extensions for SwiftUI, StyleSheet objects for Expo, Material 3 Typography for Compose—so the agent has less room to hallucinate implementation details.

Key highlights

  • 200 apps across 11 categories (Social, Finance, Music, Travel, etc.), from Instagram to Spotify to BeReal.
  • Four markdown flavors per app: framework-neutral, SwiftUI, Expo/React Native, and Jetpack Compose.
  • Each file covers colors with hex values, full type ramps, component states, motion curves, haptics, and platform-specific guardrails.
  • Live gallery at spectr.to renders every screen so you can preview the tokens before downloading.
  • Inspired by Google’s Stitch DESIGN.md spec; readable by Claude, Cursor, Codex, and Stitch without extra tooling.

Caveats

  • These are unofficial, reverse-engineered specs; all trademarks and visual identities remain property of their respective owners.
  • It is an awesome-list style collection of markdown documents, not a build tool or framework.

Verdict

Worth bookmarking if you use AI agents to prototype native UI and are tired of correcting shade-of-blue guesses. Skip it if you need official Figma files or legally vetted brand assets.

Frequently asked

What is Meliwat/awesome-ios-design-md?
Curated DESIGN.md packs that give AI agents exact hex values, type ramps, and motion curves for 200 real apps.
Is awesome-ios-design-md open source?
Yes — Meliwat/awesome-ios-design-md is open source, released under the MIT license.
How popular is awesome-ios-design-md?
Meliwat/awesome-ios-design-md has 522 stars on GitHub.
Where can I find awesome-ios-design-md?
Meliwat/awesome-ios-design-md is on GitHub at https://github.com/Meliwat/awesome-ios-design-md.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.