PageMagic - Votre styliste web IA sur Chrome

J’ai encore découvert un truc génial aujourd’hui ! J’ai trop de chance ! C’est une extension Chrome qui s’appelle PageMagic et en gros, c’est comme si vous aviez un développeur expert en CSS dans votre poche qui comprend exactement ce que vous voulez changer sur n’importe quel site web.

L’idée est pas con vous allez voir… Vous installez l’extension, vous allez sur un site qui vous fait mal aux yeux ou dont l’ergonomie vous gonfle, et hop ! Vous décrivez en langage naturel ce que vous voulez modifier. Genre “réduis la taille de la police, cache la sidebar, change la couleur de fond”. Et l’extension s’occupe de tout grâce à l’IA Claude d’Anthropic.

Comme ça, pas pas besoin d’être un crack en CSS ou de connaître les sélecteurs par cœur. Vous parlez à l’extension comme vous parleriez à un pote développeur. L’IA comprend votre intention et génère ainsi le CSS correspondant automatiquement.

Et le développeur, khaledh, a vraiment pensé à tout. D’abord, vous pouvez appliquer vos modifications soit sur une page spécifique, soit sur tout un domaine. C’est super pratique quand vous en avez marre du design d’un site que vous visitez régulièrement.

Niveau technique, comme je vous le disais, l’extension utilise l’API d’Anthropic et vous pouvez choisir votre modèle. Par défaut c’est Claude Sonnet 3.5 qui est utilisé, et franchement ça marche déjà très bien. L’extension injecte directement le CSS généré dans la page, ce qui fait que les modifications sont instantanées. Pas besoin de recharger, c’est aussi fluide que votre genre.

Ce qui est cool aussi, c’est le système de gestion des modifications. Ainsi, vous voyez toutes vos customisations appliquées avec des petits boutons pour les éditer, les désactiver temporairement ou les supprimer. Et si jamais vous voulez tout virer d’un coup, y’a même une “Danger Zone” dans les paramètres pour faire table rase.

Alors oui, faut une clé API pour que ça fonctionne mais franchement, vu les tarifs d’Anthropic sur ce modèle plus ancien, c’est vraiment donné pour ce que ça apporte. En plus, toutes vos personnalisations sont stockées localement, donc pas de risque que vos préférences se baladent sur des serveurs louches.

Et surtout le potentiel est énorme. Vous allez pouvoir adapter n’importe quel site à vos besoins spécifiques. Des problèmes de vue ? Hop, vous augmentez tous les contrastes et les tailles de police. Vous détestez les animations qui clignotent partout ? Vous demandez à les virer.

C’est vraiment la personnalisation web poussée à l’extrême.

Et l’extension est open source ! Le code est dispo sur GitHub sous licence BSD-3. Ça veut dire que vous pouvez fouiller dans le code, proposer des améliorations, ou même créer votre propre version. D’ailleurs, je me dis que si j’ai 5 minutes, je pourrais la convertir en extension Firefox. Parce que bon, nos amis utilisateurs de Firefox méritent aussi de pouvoir customiser le web à leur sauce !

Pour l’installer, vous récupérez l’extension sur le Chrome Web Store, vous mettez votre clé API dans les paramètres, et c’est parti. L’interface est super claire, y’a même un suivi de votre consommation API pour pas avoir de mauvaises surprises.

Source