Spectr : Un MCP qui rédige des spécifications d'applications à partir d'enregistrements d'écran pour des clones Claude pixel parfaits
Le post de u/thanpolas « le truc, c'était le spec, pas les prompts » a trouvé un écho auprès de nombreux développeurs utilisant Claude pour cloner des applications iOS. Le goulot d'étranglement n'était pas le prompting — c'était la description de l'interface utilisateur. Chaque écran nécessitait environ 30 minutes de description, et Claude faisait encore des erreurs, nécessitant trois itérations par écran.
Voici Spectr — un outil MCP (Model Context Protocol) qui prend n'importe quel enregistrement .mp4 ou .mov d'une application iOS et génère automatiquement un spec.md. Le traitement Vision s'exécute via votre abonnement Claude (pas besoin de clé API distincte). Chaque enregistrement prend 5 à 10 minutes à traiter.
Ce que contient le spec
Le spec généré est un document en 7 sections couvrant :
- Les codes couleur hexadécimaux exacts
- Les poids de police exacts
- Les valeurs d'espacement exactes
- Tous les états d'écran
- Toutes les transitions
- L'inventaire des composants
- Le graphe de navigation
Ce niveau de détail est suffisamment précis pour que le mode /goal de Claude puisse produire un clone pixel-perfect en toute autonomie.
Trois surfaces d'installation
Spectr se décline en :
- Serveur MCP — fonctionne dans Claude Code, Claude Desktop et tout hôte compatible MCP
- CLI — exécutez
spectr ./recording.mp4 ./spec.md - Compétence Claude Code — déclenchée en langage naturel, sans mémorisation de commande
Le projet est de u/Working-Middle2582. Une galerie de specs réels produits à partir d'applications iOS réelles est disponible sur spectr.to/gallery. L'auteur demande des retours honnêtes — pas de battage, juste des critiques constructives.
C'est une solution pratique pour tous ceux qui en ont assez de passer des heures à documenter manuellement les spécifications d'interface utilisateur pour les agents de codage IA. Si vous avez cloné des applications avec Claude, le spec, et non le prompt, était probablement votre goulot d'étranglement.
📖 Lire la source complète : r/ClaudeAI
👀 See Also
Coût réel des outils d'IA de codage : 42 heures de surcharge par 60 jours — Analyse détaillée d'un développeur solo
Un développeur solo a suivi chaque dollar et chaque minute consacrés aux outils de codage IA pendant 60 jours. Les abonnements (200 $/mois) représentaient le coût le plus faible ; 42 heures de frais généraux dus à des résultats médiocres et à des changements d'outils étaient le véritable impôt. Le gain de productivité net était de 1,7 à 2 fois, pas de 10 fois. Surprise : CodeRabbit, un outil de révision à 15 $/mois, avait le meilleur retour sur investissement.
CopilotKit : Composants React Open-Source pour Interfaces d'Agents
CopilotKit (30k étoiles, MIT) fournit des composants React pour la couche d'interface agent : chat, streaming, appels d'outils, human-in-the-loop et interface générative, avec prise en charge du protocole AG-UI pour LangGraph, ADK, CrewAI et bien d'autres.
Graphify : Une compétence Claude Code qui a construit un graphe de connaissances de votre dépôt — 450 000 téléchargements, 40 000 étoiles en 26 jours
Graphify est une compétence Claude Code qui lit chaque fichier de votre référentiel, construit un graphe de connaissances avec la détection de communautés Leiden, et l'interroge en utilisant 71 fois moins de tokens que les fichiers bruts. Plus de 450 000 téléchargements PyPI, environ 40 000 étoiles GitHub, classé n°2 mondialement la première semaine.
XLI : Bibliothèque Python Open-Source pour les Interfaces Utilisateur Terminal de Style Claude Code
Vous construisez un agent de codage ? L'UX du terminal représente la moitié du travail. XLI est un moteur de rendu Python open-source qui reproduit le streaming markdown, les cartes d'outils, les approbations en ligne et les commandes slash de Claude Code, sans détourner le défilement de votre terminal.