Spectr: Ein MCP, das App-Spezifikationen aus Bildschirmaufnahmen für pixelgenaue Claude-Klone schreibt

Der Beitrag von u/thanpolas "der Trick war die Spezifikation, nicht die Prompts" traf bei vielen Entwicklern, die Claude zum Klonen von iOS-Apps verwenden, einen Nerv. Der Engpass war nicht das Prompting – es war die Beschreibung der Benutzeroberfläche. Jeder Bildschirm erforderte etwa 30 Minuten Text, und Claude bekam es trotzdem falsch, was drei Iterationen pro Bildschirm erforderte.

Hier kommt Spectr ins Spiel – ein MCP-Tool (Model Context Protocol), das jede .mp4- oder .mov-Aufnahme einer iOS-App entgegennimmt und automatisch eine spec.md ausgibt. Die Bildverarbeitung läuft über Ihr Claude-Abonnement (kein separater API-Key erforderlich). Jede Aufnahme benötigt 5–10 Minuten zur Verarbeitung.

Was die Spezifikation enthält

Die generierte Spezifikation ist ein 7-teiliges Dokument mit:

• Exakten Hex-Farbcodes
• Exakten Schriftgewichten
• Exakten Abstandswerten
• Jeden Bildschirmzustand
• Jeden Übergang
• Komponenteninventar
• Navigationsgraphen

Dieses Detaillierungsniveau ist präzise genug, dass Claudes /goal-Modus unbeaufsichtigt ein pixelgenaues Klon erstellen kann.

Drei Installationsoberflächen

Spectr wird ausgeliefert als:

• MCP-Server – funktioniert in Claude Code, Claude Desktop und jedem MCP-kompatiblen Host
• CLI – führen Sie spectr ./recording.mp4 ./spec.md aus
• Claude Code Skill – wird mit natürlicher Sprache ausgelöst, kein Auswendiglernen von Befehlen

Das Projekt stammt von u/Working-Middle2582. Eine Galerie mit echten Spezifikationen, die aus echten iOS-Apps erstellt wurden, finden Sie unter spectr.to/gallery. Der Autor bittet um ehrliches Feedback – kein Hype, sondern einfach kritisieren.

Dies ist eine praktische Lösung für alle, die es leid sind, stundenlang manuell UI-Spezifikationen für KI-Codierungsagenten zu dokumentieren. Wenn Sie Apps mit Claude geklont haben, war die Spezifikation, nicht der Prompt, wahrscheinlich Ihr Engpass.