50 beliebte Apps in Claude-lesbare Designspezifikationen zurückentwickelt: Schlüsselmuster für UI-Klonierung
u/meliwat hat wochenlang 50 beliebte Apps in strukturierte Markdown-Designspezifikationen zerlegt und sie Claude gefüttert, um die UIs nachzubauen. Der Unterschied zwischen nahezu perfekten Klonen und abweichenden Ergebnissen lag in einigen konkreten Praktiken, die bei der Menge beobachtet wurden.
Was Claude dazu brachte, UI-Klone zu treffen
- Exakte Werte, keine Bereiche.
#1A1A1Afunktioniert. „dunkelgrau“ produziert fünf verschiedene Grautöne über fünf Bildschirme hinweg. - Zustandsabdeckung im Voraus. Die Auflistung jedes Zustands (leer, ladend, Fehler, gefüllt) verhinderte, dass Claude eigene erfand.
- Abstände als Skala, nicht als Pixel pro Element. Ein 4/8/16/24-Abstandssystem erzeugte konsistentere Layouts als das Annotieren jeder Lücke.
- Navigation als Graph. Explizite Bildschirm-zu-Bildschirm-Übergänge stoppten das Rätselraten „wohin führt dieser Button“.
Was nicht half
Längere Prosa. Ab einem bestimmten Punkt machten mehr Worte die Ausgabe schlechter, nicht besser. Halten Sie Spezifikationen präzise.
Verfügbare Ressourcen
Die gesamte Sammlung ist auf GitHub unter github.com/Meliwat/awesome-ios-design-md als Open Source verfügbar. Jede App wird mit 3 Spezifikationstiefen ausgeliefert: Kurzreferenz, Standardaufbau oder vollständiger Pixel-Level-Klon. Alles Markdown, MIT-Lizenz, keine Abhängigkeiten.
Community-Frage
Der Autor fragt: Wenn Sie UI-Klonen mit Claude betrieben haben, welche Muster haben Sie gefunden, die in dieser Liste fehlen? Welche Apps sollten als nächstes hinzugefügt werden?
📖 Lesen Sie die vollständige Quelle: r/ClaudeAI
👀 Siehe auch
Sponsio: Deterministische Sicherheitsvorkehrungen für OpenClaw – Blockierung von „legalen, aber falschen“ Tool-Aufrufen
Open-Source-Tool, das an der Tool-Grenze sitzt, jeden Aufruf mit Temporal-Logic-Verträgen evaluiert (~0,14ms p50). Verhindert, dass Agenten Dateien außerhalb des Arbeitsverzeichnisses bearbeiten, Force-Pushes oder Migrationen gegen die falsche Datenbank ausführen.
Octopoda MCP Server fügt Claude Code persistente Speicher, Schleifenerkennung und Audit-Trails hinzu
Ein Entwickler hat Octopoda gebaut, einen MCP-Server, der sich in Claude Code integriert und KI-Agenten persistente Erinnerung, Schleifenerkennung, Prüfprotokolle und gemeinsame Wissensräume bietet. Das System nutzt PostgreSQL mit pgvector für semantische Suche, FastAPI und ein React-Dashboard.
AgentWorkingMemory: Ein lokales Speichersystem für KI-Codierungsagenten
AgentWorkingMemory (AWM) ist ein lokales Speichersystem, das das Problem der Sitzungsamnesie bei KI-Codierungsagenten löst. Es verwendet eine SQLite-Datenbank, drei lokale ML-Modelle (insgesamt ~124 MB) und integriert sich automatisch über MCP, um einen persistenten, kontextbewussten Speicher über Claude-Code-Sitzungen hinweg bereitzustellen.
Koordinator-Server für Multi-Agenten-Entwicklung verhindert Überschreibungen
Ein Entwickler hat einen Node.js-Koordinatorserver erstellt, der Bereichssperren für Codezeilen, Zeilenverschiebungsverfolgung und Echtzeitnachrichten zwischen KI-Agenten verwaltet, die an derselben Codebasis arbeiten. Das System verhindert, dass Agenten die Arbeit des anderen überschreiben, indem es HTTP-basierte Sperren mit Konflikterkennung verwendet.