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
Open-Source-Auto-Memory-System für LLM-Agenten erreicht 94 % Erinnerungsgenauigkeit
Ein Entwickler hat ein Speicher-Plugin für LLM-basierte Agenten erstellt, das automatisch Fakten über Sitzungen hinweg extrahiert, klassifiziert und speichert, ohne explizite Benutzerbefehle. Das System erreichte 94,2 % Genauigkeit in einem Rückruf-Benchmark mit 52 Prüfpunkten, wobei strukturierte Markdown-Dateien anstelle von Vektordatenbanken verwendet wurden.
Cloudflare's vinext: Ein mit Next.js kompatibles Framework, das mit KI auf Vite aufgebaut ist
Cloudflare-Ingenieure haben die Next.js-API-Oberfläche mit KI in einer Woche auf Vite neu aufgebaut und vinext geschaffen – einen direkten Ersatz, der 4-mal schneller baut und 57 % kleinere Bundles erzeugt. Es wird mit einem einzigen Befehl auf Cloudflare Workers deployed.
AgenticStore MCP: Python-Toolkit für Claude Desktop mit 27 lokalen Tools
AgenticStore MCP ist ein Open-Source-Python-Toolkit, das mehrere MCP-Server durch eine einzige Installation ersetzt und Claude Desktop 27 lokale Tools bietet, darunter persistenter Speicher, Websuche und Repository-Überprüfung, ohne Docker- oder Node.js-Konfiguration zu erfordern.
Claude zu LinkedIn-Beiträgen direkt aus dem Chat: Vollständiger Workflow
Ein Reddit-Nutzer teilt einen Workflow mit dem Contentdrips MCP Connector, um LinkedIn-Beiträge direkt aus Claude AI zu schreiben, zu designen und zu veröffentlichen.