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.
📖 Vollständige Quelle lesen: r/ClaudeAI
👀 Siehe auch
Ausführen von OpenClaw in einer isolierten Mikro-VM mit Void-Box
OpenClaw kann als Dienst innerhalb einer isolierten Mikro-VM mit Void-Box ausgeführt werden, einer fähigkeitsbeschränkten Laufzeitumgebung, die Workflows in KVM-Mikro-VMs ausführt und eine saubere Ausführungsgrenze ohne Container-Laufzeitumgebung bietet.
Open-Source-Vertrauensbewertungs-Hook für Claude Code überwacht Sitzungen, blockiert geschützte Pfade
Ein Entwickler hat einen Python-Hook erstellt, der jede Claude-Code-Sitzung in den Dimensionen Zuverlässigkeit, Umfang und Kosten bewertet, den Zugriff auf geschützte Pfade wie .env-Dateien blockiert und Ereignisse per Hash-Kette zur Manipulationserkennung verknüpft. Das Einzeldatei-Tool ist auf GitHub verfügbar.
MCP-Server für TypeScript-Projekte ersetzt Grep-Muster von Claude Code durch indizierte Symbol-Suchen
Ein Entwickler hat einen MCP-Server erstellt, der das Grep-and-Guess-Muster von Claude Code für TypeScript-Projekte durch indizierte Symbolabfragen ersetzt. Das Tool hält einen Live-SQLite-Index von Symbolen, Aufrufstellen, Importen und Klassenhierarchien und reduziert den Token-Verbrauch in Tests um 63-79%.
Wolfram Tech jetzt als Basistool für LLM-Systeme verfügbar
Stephen Wolfram kündigt an, dass die Wolfram Language nun als Basistool für LLM-Systeme verfügbar ist und tiefgreifende Berechnungen sowie präzises Wissen zur Ergänzung der LLM-Fähigkeiten bereitstellt. Die Ankündigung folgt auf drei Jahre Entwicklung seit der Veröffentlichung des ersten Wolfram-Plugins für ChatGPT im März 2023.