50 applications populaires rétro-conçues en spécifications de conception lisibles par Claude : Modèles clés pour le clonage d'interface utilisateur

u/meliwat a passé des semaines à déconstruire 50 applications populaires en spécifications de design structurées en markdown, puis les a fournies à Claude pour reconstruire les IU. La différence entre des clones quasi parfaits et des sorties approximatives se résume à quelques pratiques concrètes observées à grande échelle.

Ce qui a permis à Claude d'exceller dans les clones d'IU

• Des valeurs exactes, pas des plages. #1A1A1A fonctionne. « 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'en inventer.
• Espacement comme une échelle, pas en pixels par élément. Un système d'espacement 4/8/16/24 a produit des mises en page plus cohérentes que d'annoter chaque espace.
• Navigation comme un graphe. Des transitions explicites d'écran à écran ont éliminé les suppositions sur la destination de chaque bouton.

Ce qui n'a pas aidé

Un texte trop long. Au-delà d'un certain point, plus de mots ont aggravé la sortie, pas amélioré. Gardez les spécifications concises.

Ressources disponibles

L'ensemble de la collection est open-source sur GitHub à l'adresse github.com/Meliwat/awesome-ios-design-md. Chaque application est livrée avec 3 niveaux de spécifications : référence rapide, build standard ou clone au pixel près. Tout en markdown, licence MIT, sans dépendances.

Question à la communauté

L'auteur demande : si vous avez fait du clonage d'IU avec Claude, quels modèles avez-vous trouvés qui manquent dans cette liste ? Quelles applications vaudrait-il la peine d'ajouter ensuite ?