ATTUNE : volez des composants d’interfaces et assemblez vos apps comme un Frankenstein
📌 ATTUNE est un panneau de contrôle macOS qui « contrebande » des composants d’une app Chromium vers une autre. Vous volez l’élément que vous voulez, vous le transplantez dans une autre fenêtre, et il vit là — à sa taille, interactif. Mac uniquement.
Le pitch est jouissif : faire de vos apps desktop des pièces détachées. Au lieu de recréer un contrôle de source dans votre agent de code, vous le volez à VS Code. Au lieu de sortir voir votre fil X, vous le greffez dans votre Codex. C’est l’idée Frankenstein appliquée aux interfaces, et elle rend les workflows très concrets.
Le geste est simple. Option+Command+A met Attune en mode picker : il surligne le composant sous le pointeur, les flèches montent dans la hiérarchie des ancêtres, clic pour copier une référence. Option-clic choisit la source. Vous amenez une autre app au premier plan, Option+Command+A, et vous choisissez le composant de destination. Les bords réservent une « lane » interne ; le centre remplace le composant de destination.
La partie technique est impressionnante. Par défaut, le transplant est un stream ScreenCaptureKit live de la source, à 30 fps — la source reste autoritaire, et les clics, frappes, raccourcis et scroll sont relayés vers elle. Les icônes et le canvas arrivent exactement comme le compositeur les a dessinées. Si le stream natif ne démarre pas, Attune bascule sur un jumeau DOM live qui reflète structure, styles, état de formulaire et focus.
Ce que j’apprécie : la prudence intégrée. Pendant le picking, Attune fige la frame, coupe le CSS motion, bloque l’entrée. Les rôles sémantiques sont copiés tels quels. Les selections non mappées portent des preuves de résolution bornées pour qu’un agent puisse ajouter un rôle durable. Les reçus de sélection restent locaux et expirent après 24h.
Concrètement, le fondateur montre le flux intégré dans Codex : le panneau de contrôle des sources de VS Code, le fil X, et un problème GitHub — trois mondes réunis dans une seule interface d’agent. C’est exactement le cas d’usage qui vend le concept : bien plus vite que de construire ou d’intégrer.
Le runtime attune est le moteur qui applique les thèmes et attunements ; l’app Electron est le panneau de contrôle qui scanne les apps Chromium, applique les adaptateurs et lance les sessions CSS live sans écrire de commandes. Des thèmes officiels sont publiés dans un catalogue public Panchangam18/attunements.
Note : c’est jeune, Mac only, et construit autour d’Electron/Chromium. Le repo attune-app (TypeScript) est à 184 étoiles, le runtime à 15. Une limite à connaître : si le composant source ferme, la fenêtre ou quitte, le transplant meurt avec lui.
- 🧩 « Component smuggling » : volez un composant d’une app, collez-le dans une autre
- 🖥️ Stream ScreenCaptureKit live à 30 fps, clics et frappes relayés
- 🔄 Fallback sur jumeau DOM live si le stream natif ne démarre pas
- ⌨️
Option+Command+Apour piloter tout le picking - 🎨 Catalogue d’attunements et de thèmes, avec mode offline
- 🍎 macOS uniquement, apps Chromium + Chrome + Safari source
Sources
