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
singularity-claude: Eine selbstentwickelnde Fähigkeits-Engine für Claude Code
singularity-claude ist ein Open-Source-Claude-Code-Plugin, das eine rekursive Evolutionsschleife hinzufügt, um den Verfall von Fähigkeiten zu verhindern. Es bewertet die Ausführung von Fähigkeiten, repariert automatisch schlecht bewertete Fähigkeiten, kristallisiert hochleistungsfähige Versionen und erkennt Fähigkeitslücken.
Das OpenClaw-Plugin fügt mit dem Engram-Server persistenten Speicher hinzu.
Ein Entwickler hat ein TypeScript-Plugin erstellt, das OpenClaw-Agenten mit Engram verbindet, einem auf Go basierenden Speicherserver, der SQLite mit FTS5-Suche verwendet. Das Plugin bietet 11 Tools, 4 Lebenszyklus-Hooks und automatischen Abruf, der relevante Erinnerungen vor jedem Agenten-Zugriff in die Prompts einfügt.
Cursors Ansatz für schnelle Regex-Suche für KI-Agenten
Cursor entwickelt eine indexierte Regex-Suche, um Leistungsprobleme in großen Monorepos zu beheben, bei denen ripgrep über 15 Sekunden benötigen kann. Dabei werden invertierte Indizes mit N-Grammen verwendet, basierend auf der Forschung von Zobel, Moffat und Sacks-Davis aus dem Jahr 1993.
Mole: Deep-Research-Agent mit festgelegtem Budget und verifizierten Zitaten für Ihr Terminal
Mole ist ein terminalbasierter Deep-Research-Agent, der ein striktes Budget (0% Überschreitung) durchsetzt, jede Behauptung mit Zitaten überprüft und lokale Daten privat hält. Unterstützt die meisten LLMs und MCP.