100 applications populaires rétro-conçues en spécifications de conception Markdown pour le clonage de l'interface Claude
Un développeur a rétro-ingéniéré 50 applications populaires pour en faire des spécifications de conception structurées en Markdown, puis les a données à Claude pour reconstruire les interfaces. Après itérations, il a découvert quelques schémas critiques qui amélioraient la précision des clones, et a publié le dépôt avec 100 applications.
Ce qui permet à Claude de réussir les clones d'interface
- Valeurs exactes, pas de plages :
#1A1A1Afonctionne ; « gris foncé » produit cinq gris différents sur cinq écrans. - Couverture des états en amont : Lister chaque état (vide, chargement, erreur, rempli) a empêché Claude d'inventer ses propres états.
- Espacement comme une échelle : Utiliser un système d'espacement 4/8/16/24 au lieu d'annotations pixel par élément pour des mises en page plus cohérentes.
- Navigation comme un graphe : Des transitions explicites d'écran à écran éliminent les suppositions sur la destination des boutons.
Au-delà d'un certain point, des textes plus longs ont empiré le résultat — la brièveté et la précision comptent plus que le volume.
Ce que contient le dépôt
Le dépôt public sur github.com/Meliwat/awesome-ios-design-md contient 100 applications, chacune avec trois niveaux de spécification : référence rapide, construction standard, et clone pixel par pixel. Toutes les spécifications sont en Markdown, sous licence MIT, sans dépendances. Glissez une spécification dans Claude pour un résultat UI plus prévisible.
À qui cela s'adresse-t-il
Aux développeurs utilisant Claude pour générer ou cloner des composants d'interface, en particulier pour iOS ou la conception d'applications en général.
📖 Lire la source complète : r/ClaudeAI
👀 See Also
Ligne d'état personnalisée pour Claude Code affichant l'utilisation du contexte, le coût et la branche Git
Un utilisateur de Reddit a créé un script bash qui exploite le paramètre statusLine de Claude Code pour afficher des informations en temps réel, notamment l'utilisation de la fenêtre de contexte, le coût de la session, le modèle actif et la branche git courante. Le script nécessite jq et est disponible sur GitHub.
Système d'auto-audit à 4 niveaux pour l'évolution comportementale d'OpenClaw
Un développeur a créé un système d'audit à 4 couches où Gemini examine chaque semaine les angles morts de Claude, détectant des schémas que Claude avait manqués lors de son auto-évaluation. Le système comprend une vérification post-correction, l'extraction de motifs, un miroir externe et des vérifications attentes vs réalité.
Présentation de Roam-Code CLI : Une alternative plus rapide et déterministe pour l'exploration de code.
Roam-Code CLI remplace la phase d'exploration de Claude Code par une alternative plus rapide et déterministe qui indexe les bases de code pour une efficacité améliorée.
LLM-Memory.net : Système de mémoire open-source avec infrastructure multi-agent
LLM-Memory.net est un système de mémoire auto-hébergeable pour agents IA qui offre un stockage de notes avec recherche sémantique, une communication en temps réel par chat/courriel entre agents, des discussions structurées avec vote et une intégration serveur MCP. Le code source complet est disponible sur GitHub avec un installateur et des playbooks Ansible.