Annotate Kit

« Point at the pixel. Ship the change. » Décrire une correction d'interface avec des mots coûte plus cher que la correction elle-même. Annotate Kit supprime cette étape : on montre l'élément dans l'application qui tourne, on dit ce qu'on veut, et le message part vers l'agent, déjà écrit.

Une idée, deux produits. Sur le web, c'est un paquet JavaScript — npm install annotate-kit — qui pose un calque sur le site en cours d'exécution : on annote, on ouvre un inspecteur façon Figma qui modifie le vrai CSS, on esquisse le fil de fer d'un composant, et tout ça ressort en un seul message prêt pour l'agent. React, Vue, Svelte ou HTML simple. Le dépôt de cette partie est privé.

Sur iOS, c'est un paquet Swift pour SwiftUI, actif en builds Debug uniquement : on touche la barre d'outils flottante, on touche un élément, on écrit sa note. L'agent reçoit l'identité d'accessibilité, la chaîne des vues, les textes voisins et une capture d'écran annotée, en direct via MCP. Ce dépôt-là est public (annotate-kit-ios), avec une démo exécutable, « Trailhead » (annotate-kit-ios-demo).

Pas de modèle, pas de clé d'API : Annotate Kit écrit le prompt pour l'agent que vous utilisez déjà — Claude Code, Codex, Cursor, OpenCode, Copilot, Windsurf. Ce que l'agent reçoit, à chaque fois : l'élément, le composant, le fichier et la ligne.