200+ spécifications de conception d'applications en Markdown – Glissez dans Claude ou Cursor pour des clones UI exacts

Décrire une interface utilisateur à Claude en prose donne un résultat proche mais inexact — couleurs décalées, espacements décalés, états manquants. La solution ? Lui fournir une spécification exacte plutôt qu'une description. Un développeur maintient une liste compilée de plus de 200 applications populaires déjà rédigées sous forme de spécifications de conception Markdown structurées, disponibles sur spectr.to/gallery.

Ce que contient chaque spécification

• Codes hexadécimaux exacts pour les couleurs
• Définitions d'échelle typographique
• Valeurs d'espacement (padding, marge, gaps)
• Tous les états d'écran (chargement, vide, erreur, etc.)
• Graphe de navigation montrant les transitions entre écrans
• Spécifications séparées pour les moteurs de rendu SwiftUI, Jetpack Compose et Expo

Chaque spécification est un fichier Markdown sans dépendances — vous le glissez directement dans Claude, Cursor ou tout agent d'IA, et il dispose des valeurs réelles au lieu de deviner.

Comment utiliser

Parcourez la galerie sur spectr.to/gallery pour trouver une application. Téléchargez (ou copiez) la spécification Markdown pour votre framework cible. Importez le fichier dans le contexte de votre agent d'IA ou collez-le en ligne. L'agent utilise ensuite la spécification exacte pour générer le code de l'interface.

Le mainteneur cherche activement des retours sur deux points : quelles applications ajouter ensuite, et si glisser la spécification en tant que fichier ou la coller en ligne donne de meilleurs résultats — ils hésitent entre les deux, donc les avis concrets sont les bienvenus.