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.

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.