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.
📖 Lire la source complète : r/ClaudeAI
👀 See Also
Utilisation de Claude pour automatiser le contrôle qualité d'applications mobiles avec les WebViews Capacitor
Un développeur a créé un système de QA automatisé utilisant Claude pour tester une application mobile basée sur Capacitor sur Android et iOS. L'approche utilise le Chrome DevTools Protocol pour les WebViews Android et des captures d'écran pour l'analyse visuelle, avec une configuration Android prenant 90 minutes contre plus de 6 heures pour iOS.
Les 171 vecteurs d'émotion interne de Claude influencent la sortie : Boîte à outils basée sur la recherche d'Anthropic
Le document de recherche d'Anthropic révèle que Claude possède 171 modèles d'activation internes qui fonctionnent comme des vecteurs d'émotion, influençant causalement son comportement avant qu'il n'écrive. Un développeur a créé une boîte à outils avec 7 principes pratiques de prompt et des prompts système basés sur ces découvertes.
Claude Desktop + Blender via MCP : boucle de rétroaction en temps réel pour les workflows 3D
Un add-on Blender open-source exécute un serveur MCP dans Blender, permettant à Claude Desktop d'inspecter des scènes, créer des objets, rendre des images et lire les résultats—fermant la boucle de feedback du copier-coller de scripts.
9 Compétences de Code Claude Gratuites pour le Flux de Travail de Recherche Médicale
Un chercheur en radiologie a publié en open source 9 compétences Claude Code couvrant le flux de travail de la recherche médicale, de la recherche documentaire à la préparation du manuscrit. Les compétences incluent la recherche PubMed avec vérification anti-hallucination, la génération de code d'analyse statistique et la création de figures prêtes à publier.