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
Bifrost LLM Gateway: 11 Microsecond Overhead, Single Binary in Go
Bifrost is an open-source LLM proxy written in Go that routes requests to OpenAI, Anthropic, Azure, and Bedrock with 11 microsecond overhead per request, handling 5,000 RPS on a $20/month VPS.
AgentTransfer: Open Source Tool Lets OpenClaw Agents Email Files to Each Other
AgentTransfer is an open-source single-binary server that gives each AI agent an email address and folder, enabling file sharing between OpenClaw instances via MCP. It supports upload, send, long-poll inbox, and download with SHA256 verification.
Claude-First Analytics MCP Server: Giving AI Agents Direct Access to Web Analytics Context
A developer rebuilt their web analytics tool as an MCP server, exposing simple web analytics, trackable links, and product insight tools directly to Claude, enabling AI agents to leverage site data alongside code and database context.
companion-capture: Tool saves Claude Code's ephemeral speech bubbles
companion-capture is an open-source tool that captures Claude Code's companion character speech bubbles before they vanish from the terminal. It saves messages to markdown files and SQLite for search, using VT100 screen buffer parsing to track cursor positions.