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 : #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'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.