200+ App-Design-Spezifikationen in Markdown – In Claude oder Cursor ziehen für exakte UI-Klone

Eine UI in Prosa zu beschreiben liefert Claude nahe, aber nicht genaue Ergebnisse – falsche Farben, falsche Abstände, fehlende Zustände. Die Lösung? Statt einer Beschreibung eine exakte Spezifikation übergeben. Ein Entwickler pflegt eine zusammengestellte Liste von über 200 beliebten Apps, die bereits als strukturierte Markdown-Designspezifikationen aufbereitet sind, verfügbar unter spectr.to/gallery.

Was jede Spezifikation enthält

• Exakte Hex-Codes für Farben
• Schriftgrößen-Definitionen
• Abstandswerte (Padding, Margin, Abstände)
• Jeden Bildschirmzustand (Laden, Leer, Fehler usw.)
• Navigationsgraph mit Bildschirmübergängen
• Separate Spezifikationen für die Renderer SwiftUI, Jetpack Compose und Expo

Jede Spezifikation ist eine Markdown-Datei ohne Abhängigkeiten – Sie ziehen sie direkt in Claude, Cursor oder einen anderen KI-Agenten, und sie enthält die tatsächlichen Werte statt geratener.

Verwendung

Durchsuchen Sie die Galerie unter spectr.to/gallery, um eine App zu finden. Laden Sie die Markdown-Spezifikation für Ihr Zielframework herunter (oder kopieren Sie sie). Ziehen Sie die Datei in den Kontext Ihres KI-Agenten oder fügen Sie sie inline ein. Der Agent verwendet dann die exakte Spezifikation, um den UI-Code zu generieren.

Der Betreiber sucht aktiv Feedback zu zwei Punkten: welche Apps als nächstes hinzugefügt werden sollen und ob das Ziehen der Spezifikation als Datei oder das Inline-Einfügen bessere Ergebnisse liefert – sie schwanken diesbezüglich, daher sind praxisnahe Rückmeldungen willkommen.