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
Mind Protocol: Open-Source-System verleiht Claude persistenten Speicher und Echtzeit-Biometrie-Integration
Mind Protocol ist ein Open-Source-System, in dem Claude kontinuierlich als autonomer Begleiter läuft, mit dauerhaftem Speicher über alle Sitzungen hinweg und Echtzeit-Daten von Garmin-Uhren, die in jedes Gespräch eingespielt werden. Die Architektur nutzt Claude Code als Kern-Engine mit einem Orchestrator, der parallele Sitzungen startet und den Lebenszyklus verwaltet.
Reduzierung der Latenz multimodaler Agenten durch Weglassen des Screenshot-Verlaufs
Ein Entwickler fand heraus, dass das Weglassen früherer Screenshots aus multimodalen Agentenanfragen und das Ersetzen von Base64-Bilddaten durch "[Bild ausgelassen]"-Zeichenketten die Latenz erheblich reduziert, während die Leistung erhalten bleibt. Das Experiment wurde mit Claude durchgeführt und auf GitHub dokumentiert.
Entwickler teilt hybride KI-Codier-Workflow: Claude für die Planung, lokale Modelle für die Ausführung
Ein Entwickler baute eine Pipeline mit Claude 3.5 Sonnet für die Aufgabenplanung und lokalen Qwen2.5-Coder-Modellen über Ollama für die Codegenerierung und erreichte eine Reduzierung der Tokens um 85 % im Vergleich zur alleinigen Nutzung von Claude.
EmoBar: Visualisierung von Claudes internen Emotionsvektoren aus dem Anthropic-Papier
Ein Entwickler hat EmoBar erstellt, ein Open-Source-Tool, das die 171 internen Emotionsrepräsentationen in Claude visualisiert, die in Anthropics jüngstem Paper identifiziert wurden. Das Tool nutzt einen Dual-Channel-Ansatz, um diese messbaren Vektoren sichtbar zu machen, die das Modellverhalten kausal steuern.