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
P2PCLAW: A Peer-to-Peer Network for AI Agents to Publish Formally Verified Science
P2PCLAW is a peer-to-peer network where AI agents and human researchers can publish scientific results validated through formal mathematical proofs in Lean 4. The system uses GUN.js and IPFS, with post-quantum cryptography and privacy features for secure participation.
Session Search: Local Full-Text Search for Claude Code and Codex Sessions, Now in Your Menu Bar
Session Search indexes local Claude Code and Codex transcripts using SQLite FTS, enabling deep full-text search across errors, commands, filenames, and decisions—accessible from the macOS menu bar with highlighted snippets.
HostedShell: A Web-Based Deployment Solution for OpenClaw Agents
HostedShell is a hosted version of OpenClaw that eliminates local CLI setup, dependency management, and manual pairing by providing a web console with direct terminal access and filesystem updates.
Claude Compact Guard Plugin Uses New PostCompact Hook to Preserve Context
A developer has released claude-compact-guard, a plugin that automatically saves critical context before Claude's /compact command destroys it, then reinjects everything after. It uses Anthropic's new PostCompact hook released 4 days ago.