200+ App Design Specs in Markdown – Drag into Claude or Cursor for Exact UI Clones
Describing a UI to Claude in prose gets you close but wrong — off colors, off spacing, missing states. The fix? Hand it an exact spec instead of a description. One developer maintains a compiled list of 200+ popular apps already written up as structured markdown design specs, available at spectr.to/gallery.
What’s in each spec
- Exact hex codes for colors
- Type scale definitions
- Spacing values (padding, margin, gaps)
- Every screen state (loading, empty, error, etc.)
- Navigation graph showing screen transitions
- Separate specs for SwiftUI, Jetpack Compose, and Expo renderers
Each spec is a markdown file with no dependencies — you drag it straight into Claude, Cursor, or any AI agent, and it has the actual values instead of guessing.
How to use
Browse the gallery at spectr.to/gallery to find an app. Download (or copy) the markdown spec for your target framework. Drop the file into your AI agent’s context or paste it inline. The agent then uses the exact spec to generate the UI code.
The maintainer is actively seeking feedback on two points: which apps to add next, and whether dragging the spec in as a file or pasting it inline yields better results — they go back and forth on that, so real-world input is welcome.
📖 Read the full source: r/ClaudeAI
👀 See Also
Developer builds AI framework with 17 biological principles using Claude Code
A developer created an AI framework called Cognitive Sparks by implementing 17 biological principles like threshold firing and Hebbian plasticity, based on the 1999 book 'Sparks of Genius.' The entire project—22 design docs and 3,300 lines of code—was built in one day using Claude Code, with no human-written code.
Open-source persistent memory system for Claude Code solves context loss between sessions
A developer built a file-based memory system for Claude Code that automatically captures project context without plugins or API keys. It uses conversation transcripts, an inbox file, and nightly cron jobs to maintain persistent memory across sessions.
Node Control: Real-Time Multiplayer .io Game Built Entirely with Claude 4.6 and 4.7
Developer built a live competitive multiplayer .io game, Node Control, using Claude 4.6 and 4.7. Features server-authoritative netcode at 60Hz, 4-region deployment on fly.io, and neural-network aesthetic.
Claude Code Routines Tunes CLI Performance 2.4x in 20+ PRs
Using Claude Code's Routines on a 2-hour cron to autonomously tune an open-source CLI (Repomix), resulting in 20+ auto-generated PRs and a 2.4x runtime improvement.