Mimik

C'EST QUOI ?

Mimik est une extension de navigateur qui enregistre un parcours pendant qu'on clique et le transforme en guide pas à pas, avec une capture d'écran annotée pour chaque étape. Tout tourne dans le navigateur, sans backend ni compte à créer. L'extension existe pour Chrome, Firefox et Edge, et son code est sous licence MIT.

POURQUOI C'EST INTÉRESSANT ?

• Capture automatique : clics, saisies de formulaire, raccourcis clavier, copier-coller, glisser-déposer et navigations deviennent des étapes. Les clics rapides sur des éléments voisins sont fusionnés, et chaque clic est intercepté avant le changement de page, donc rien ne se perd sur une SPA ni sur un rechargement complet.
• Captures prêtes à l'emploi : chaque étape a sa capture, avec l'élément cliqué mis en évidence et zoomé. Pause et Reprise suspendent l'enregistrement sans le terminer.
• Smart Blur : ce mode détecte et masque sur la page les e-mails, numéros de téléphone, SSN, cartes bancaires, adresses IP et MAC, avec une activation par catégorie. Un sélecteur manuel floute n'importe quel élément du DOM sur toutes les captures où il apparaît. Le README liste ce qui échappe au scan : iframes, shadow DOM, texte dessiné dans un canvas ou une image, contenu affiché après la sortie du mode.
• Descriptions par IA, en option : avec sa propre clé OpenAI ou Anthropic, Mimik rédige des descriptions lisibles à partir d'un contexte DOM léger (environ 50 à 100 tokens), sans envoyer les captures. La langue des descriptions se règle indépendamment de celle de l'interface.
• Narration vocale : on commente à voix haute pendant l'enregistrement, l'audio est transcrit avec une clé OpenAI ou Groq puis rattaché aux étapes concernées.
• Guide Me : le guide se rejoue en direct sur la vraie page. L'extension surligne le prochain élément à cliquer et avance au fil des interactions.
• Éditeur intégré : recadrage, annotation et caviardage des captures, réécriture d'une étape par IA, titres et notes entre les étapes, réordonnancement, suppression en lot et historique des versions.
• Sept formats d'export : vidéo MP4 narrée où le curseur rejoint chaque cible, GIF, PDF A4, DOCX, HTML autonome avec images embarquées, Markdown et fichier .mimik. Tout est généré côté client.
• Partage par fichier : le .mimik est un zip (manifeste, captures, README.md) qu'un collègue importe dans sa propre extension pour éditer ou rejouer le guide. À l'export, les zones floutées sont gravées dans les pixels, le texte saisi dans les champs est retiré et les liens sont réduits à l'adresse de la page, sans query string.

Deux éléments quittent quand même le navigateur, et la politique de confidentialité les documente : les favicons, récupérés via le service de Google qui reçoit le domaine du site, et les requêtes vers le fournisseur IA ou vocal si ces options sont activées. L'interface est disponible en anglais, espagnol, portugais brésilien, français, allemand et chinois simplifié.

CAS D'USAGE

• Documenter un outil interne ou une procédure back-office sans faire de captures à la main.
• Produire un tutoriel produit exporté en vidéo narrée ou en PDF.
• Préparer l'onboarding d'un nouvel arrivant avec des guides à rejouer via Guide Me.
• Joindre un GIF de reproduction à un ticket ou à une issue GitHub.
• Versionner des procédures dans un dépôt Git, en Markdown ou en fichiers .mimik.