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
CC-Ledger : Suivi des coûts de Claude Code par session et par PR avec SQLite local
CC-Ledger est un binaire Rust qui s'accroche à Claude Code, enregistrant chaque tour dans une base SQLite locale. Repérez les sessions hors de contrôle en direct et obtenez une ventilation des coûts par PR sans clé API. Comprend une barre de menus macOS, un tableau de bord web et une interface CLI.
Nit : Un Remplaçant de Git en Zig Optimisé pour l'Efficacité des Jetons des Agents IA
Nit est un remplacement natif de Git écrit en Zig qui réduit l'utilisation de jetons de 35 à 87 % sur des commandes courantes comme status, diff, log et show. Il y parvient grâce à des sorties compactes par défaut et une intégration directe de libgit2, éliminant la surcharge des sous-processus.
DESIGN.md : Un format de spécification pour décrire l'identité visuelle aux agents de codage
DESIGN.md combine des jetons de design YAML avec de la prose Markdown pour donner aux agents IA une compréhension persistante et structurée d'un système de design. Inclut un linter et un outil de diff.
L'utilisateur Claude Code crée un plugin nvm pour capturer le contexte de résolution de problèmes
Un développeur a créé un plugin Claude appelé nvm (mémoire non volatile) qui convertit l'historique des sessions Claude en cartes markdown documentant les décisions de résolution de problèmes et les idées réutilisables. L'outil aborde le problème de perdre la trace de la manière dont les problèmes ont été résolus lors de l'utilisation d'assistants de codage IA.