100 beliebte Apps in Markdown-Designspezifikationen für Claude UI Cloning zurückentwickelt
Ein Entwickler hat 50 beliebte Apps in strukturierte Markdown-Designspezifikationen zerlegt und sie Claude gefüttert, um UIs nachzubauen. Nach mehreren Iterationen fand er einige kritische Muster, die die Klon-Genauigkeit verbesserten, und veröffentlichte das Repository mit 100 Apps.
Was Claude bei UI-Klonen erfolgreich macht
- Exakte Werte, keine Bereiche:
#1A1A1Afunktioniert; „dunkelgrau“ produziert fünf verschiedene Grautöne auf fünf Bildschirmen. - Zustandsabdeckung im Voraus: Die Auflistung jedes Zustands (leer, laden, Fehler, gefüllt) verhinderte, dass Claude eigene Zustände erfand.
- Abstände als Skala: Verwenden Sie ein 4/8/16/24-Abstandssystem anstelle von pixelgenauen Annotationen pro Element für konsistentere Layouts.
- Navigation als Graph: Explizite Bildschirm-zu-Bildschirm-Übergänge eliminieren das Rätselraten, wohin Schaltflächen führen.
Längere Prosa verschlechterte die Ausgabe ab einem bestimmten Punkt – Kürze und Präzision sind wichtiger als Umfang.
Was im Repository enthalten ist
Das öffentliche Repository unter github.com/Meliwat/awesome-ios-design-md enthält 100 Apps, jede mit drei Spezifikationstiefen: Kurzreferenz, Standard-Build und vollständiger Pixel-Level-Klon. Alle Spezifikationen sind als Markdown, MIT-lizenziert, ohne Abhängigkeiten. Geben Sie eine Spezifikation in Claude für vorhersagbarere UI-Ausgabe.
Für wen ist das gedacht
Entwickler, die Claude verwenden, um UI-Komponenten zu generieren oder zu klonen, insbesondere für iOS oder allgemeines App-Design.
📖 Lesen Sie die vollständige Quelle: r/ClaudeAI
👀 Siehe auch
git-courer: Ein MCP-Server, der KI-Agenten dazu zwingt, ordnungsgemäße Git-Commit-Nachrichten zu schreiben
git-courer ist ein lokaler MCP-Server in Go, der Diffs von KI-Coding-Agenten abfängt und in strukturierte, lesbare Commit-Nachrichten mit WHY- und WHAT-Abschnitten übersetzt.
Marketing Wisdom MCP: Kostenlose semantische Suche für Startup-Erkenntnisse
Ein kostenloser MCP-Server bietet semantische Suche über 6.700 Erkenntnisse aus 1.040 Episoden der Podcasts My First Million und Starter Story. Er bietet vier Werkzeuge zur Abfrage von Gründerweisheiten zu Wachstum, Marketing und Geschäftsstrategien.
Claude Code protokolliert jede Sitzung auf der Festplatte – so indexieren und rufen Sie sie ab
Claude Code schreibt jeden Session-Turn in ~/.claude/projects/ als JSONL. Ein Benutzer indizierte 1026 Sitzungen (57MB, 76K Turns) in SQLite+FTS5 mit einem MCP-Server für Suche und Thread-Recall über Sitzungen hinweg.
Claudius: Open-Source Einbettbares KI-Chat-Widget für Claude
Claudius ist ein quelloffenes, selbst gehostetes Chat-Widget, das von Claude angetrieben wird und mit einem einzigen Skript-Tag auf jeder Website eingebettet werden kann. Es läuft auf Cloudflare Workers mit einem React-Frontend und bietet Funktionen wie benutzerdefinierte Systemaufforderungen, Ratenbegrenzung und Barrierefreiheitskonformität.