Spectr: An MCP That Writes App Specs from Screen Recordings for Pixel-Perfect Claude Clones

✍️ OpenClawRadar📅 Published: May 14, 2026🔗 Source
Spectr: An MCP That Writes App Specs from Screen Recordings for Pixel-Perfect Claude Clones
Ad

u/thanpolas' post "the trick was the spec, not the prompts" hit home for many developers using Claude to clone iOS apps. The bottleneck wasn't prompting — it was describing the UI. Each screen required ~30 minutes of prose, and Claude would still get it wrong, requiring three iterations per screen.

Enter Spectr — an MCP (Model Context Protocol) tool that takes any .mp4 or .mov recording of an iOS app and outputs a spec.md automatically. The Vision processing runs through your Claude subscription (no separate API key needed). Each recording takes 5–10 minutes to process.

What the Spec Contains

The generated spec is a 7-section document covering:

  • Exact hex color codes
  • Exact font weights
  • Exact spacing values
  • Every screen state
  • Every transition
  • Component inventory
  • Navigation graph

This level of detail is precise enough that Claude's /goal mode can produce a pixel-perfect clone unattended.

Ad

Three Install Surfaces

Spectr ships as:

  • MCP server — works in Claude Code, Claude Desktop, and any MCP-compatible host
  • CLI — run spectr ./recording.mp4 ./spec.md
  • Claude Code skill — triggered with natural language, no command memorization

The project is by u/Working-Middle2582. A gallery of real specs produced from real iOS apps is available at spectr.to/gallery. The author is asking for honest feedback — no hype, just roast it.

This is a practical solution for anyone who's tired of spending hours manually documenting UI specs for AI coding agents. If you've been cloning apps with Claude, the spec, not the prompt, was likely your bottleneck.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

🦀
Tools

Researcher Builds Veracity-Checking Skill for Claude Code, Finds Hallucinations in Own Documentation

A researcher built a Claude Code skill called /veracity-tweaked-555 that decomposes documents into atomic claims and verifies each via web search using 16 parallel agents across 4 waves. When self-audited, the skill scored 62/100 due to fabricated statistics and inflated claims in its own documentation.

OpenClawRadar
🦀
Tools

Hax: A Minimalist Terminal-Native Coding Agent in C

Hax is a single native C binary that starts instantly, uses only a few MB of RAM, and treats local LLMs as first-class citizens. It auto-discovers llama.cpp and other providers with no config blocks.

OpenClawRadar
GAN Skill for Claude Code: Adversarial AI Tool for Idea Refinement
Tools

GAN Skill for Claude Code: Adversarial AI Tool for Idea Refinement

A Claude Code skill called /gan uses adversarial AI roles to critique and improve ideas through alternating Discriminator and Generator phases, with features like intensity modes, multi-language output, and forced role selection developed through self-iteration.

OpenClawRadar
ClankerRank: A Benchmark for AI-Assisted Coding Skills with Claude Haiku
Tools

ClankerRank: A Benchmark for AI-Assisted Coding Skills with Claude Haiku

A developer built ClankerRank to measure proficiency in AI-assisted coding using Claude's Haiku 4.5 model. The platform presents identical bugs to users, scores outputs with hidden test suites, and has revealed clear skill gaps among hundreds of participants.

OpenClawRadar