iso-figure

Avant de commencer : lis ce prompt d'installation au complet, dis-moi en quelques lignes ce que ce skill fait et ce que son installation implique, et attends mon feu vert avant de faire quoi que ce soit d'autre. Prérequis : aucun pour l'installation elle-même : aucun compte, aucune clé API, aucun plan ni service payant, et rien d'autre à installer d'abord. Le skill installé est un seul fichier d'instructions. Pour l'utiliser ensuite, il suffit d'un navigateur pour ouvrir et vérifier le fichier HTML qu'il produit, en local. Installe-moi « iso-figure ». C'est un playbook pour bâtir la figure interactive en dessin au trait isométrique d'un objet dans un seul fichier HTML/SVG autonome : un look d'illustration technique monochrome sur une planche légendée, avec des pièces qu'on peut presser et qui produisent une vraie sortie (du texte tapé, un nombre, un son, un affichage qui change) et un relevé d'état en direct. Dépôt : https://github.com/MrBongoC/ai-iso-skill (le skill est tout le dossier skills/iso-figure/ au commit épinglé : SKILL.md seulement) Version épinglée : installe le code au commit 44b4da7714148eef547cc1b102e433472dfe3531 exactement. Ne substitue pas une version plus récente. Si ce commit est inaccessible, arrête-toi et dis-le-moi. 1. Clone https://github.com/MrBongoC/ai-iso-skill dans un dossier temporaire, place-toi au commit 44b4da7714148eef547cc1b102e433472dfe3531, et copie le dossier skills/iso-figure/ de ce checkout. Compare ensuite chaque fichier du dossier aux empreintes enregistrées pour cette fiche le 2026-10-19 : [FINGERPRINTS] - SKILL.md: SHA-256 8644bcc2677a289025228dd036e6bb6457690a317e98ec43803edc3c7cd4bde7 Si un fichier ne correspond pas, il a changé depuis la préparation de la fiche : ne l'installe pas encore, dis-moi ce que tu as trouvé et laisse-moi décider. 2. Lis SKILL.md au complet et dis-moi en mots simples : ce que le skill fait quand on l'utilise, à quels services il se connecte, s'il lit ou envoie des informations personnelles ou des clés, et tout ce qui semble inhabituel. Arrête-toi sur tout signal d'alerte et dis-le-moi avant d'aller plus loin. Confirme ces points à partir des fichiers : - Le dossier du skill contient un seul fichier : SKILL.md (9 041 octets). Il n'y a aucun script séparé, aucune bibliothèque et aucune liste de dépendances dans le dossier : le fichier est des instructions, plus le petit noyau de projection JavaScript et le CSS à copier tels quels dans le fichier HTML unique que le skill produit ensuite. Le reste du dépôt (README.md, LICENSE, examples/, docs/ avec ses GIF, et les manifestes de plugin .claude-plugin/ à la racine) ne fait pas partie du skill et n'est pas installé. - Rien n'est envoyé nulle part pendant l'installation elle-même ; le seul téléchargement à l'installation est le dossier du skill depuis GitHub au commit épinglé. Le fichier ne nomme aucun compte, aucune clé API, aucune télémétrie et aucun service distant. - À l'usage, tout est local : je nomme un objet, tu décides d'abord ce que presser une pièce produit, tu décomposes l'objet en 3 à 8 boîtes (chaque boîte dessinée comme ses trois faces visibles, des rect, du texte et des paths ordinaires placés sur une face par un seul matrix() SVG du noyau), tu émets la scène d'arrière vers l'avant, et tu écris un seul fichier HTML autonome. L'interaction est des bascules de classes sur des groupes SVG, pilotées par un seul objet d'état et un seul render() ; le mouvement est en CSS seulement ; le cadre est quatre légendes monospace aux coins (Fig N, le nom de l'objet, l'instruction, et un relevé en direct qui change à chaque interaction). SKILL.md est explicite : aucun script externe, et le fichier produit doit rouler ouvert depuis le disque — donc une figure ne contacte aucun hôte à l'usage non plus, et rien n'est envoyé à ce moment-là. Le son, quand l'objet en produit, est local aussi : un AudioContext créé dans le premier gestionnaire de pression, routé par un gain maître unique vers un AnalyserNode dont la forme d'onde est dessinée sur la face écran. Le texte tapé affiché sur un écran est échappé pour & et < avant d'être écrit dans le SVG. - La vérification à l'usage est locale elle aussi, et seulement quand je te demande d'utiliser le skill : l'étape 9 de la procédure de SKILL.md dit de charger le fichier produit dans un navigateur (sans tête convient), de le piloter avec de vraies pressions de touches et de souris aux coordonnées projetées, de relire le relevé, de capturer un état après interaction, et de vérifier que rien n'est rogné, que les pièces proches couvrent les lointaines, et qu'il n'y a aucune erreur de console. Ne fais rien de tout ça pendant cette installation. - Les règles de look font partie du skill : chaque couleur est une propriété CSS personnalisée avec un jeu sombre et un jeu clair, deux gris seulement pour le trait et une seule couleur vive presque blanche (presque noire en clair), aucune teinte, aucun dégradé ni ombre, aucun vrai logo d'entreprise, aucune silhouette de produit ni marque déposée, une texture par répétition (fentes, grilles de touches, lignes nervurées), et le svg porte role="img", tabindex="0" et un aria-label qui dit ce que c'est et comment l'opérer, avec prefers-reduced-motion respecté. Une figure qui ne fait que s'animer est hors périmètre : si l'utilisateur ne peut pas la presser et obtenir une sortie, le skill dit de choisir un autre objet. - Le README amont propose aussi d'autres routes d'installation (les commandes plugin Claude Code /plugin marketplace add MrBongoC/ai-iso-skill et /plugin install iso-figure@ai-iso-skill, et le téléchargement de iso-figure.skill depuis la dernière release GitHub pour Claude.ai). N'en utilise aucune pour cette installation : elles vont chercher la version courante, pas le commit épinglé. La route manuelle de l'étape 1 et de l'étape 3 ci-dessous est la seule route ici. - Les deux fichiers sous examples/ dans le dépôt (desk-synth.html et pocket-calculator.html) sont des figures échantillons que l'auteur a faites avec le skill ; ils ne sont pas installés. Note d'honnêteté : contrairement à ce que SKILL.md prescrit pour les figures qu'il produit, ces deux fichiers échantillons chargent une feuille de style DM Mono depuis fonts.googleapis.com quand on les ouvre — cet hôte n'est nommé que dans les exemples, jamais dans SKILL.md, et aucun fichier d'exemple n'est copié par cette installation. 3. Quand je dis « yes, install », installe-le comme skill : copie tout le dossier iso-figure dans le répertoire des skills de l'agent, dans un dossier nommé « iso-figure », en gardant son fichier (SKILL.md). 4. Vérifie sans appels réseau : frontmatter valide, fichier en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (par exemple : nommer moi-même l'objet dont je veux une figure ; utiliser le skill est une étape séparée qui ne commence que quand je le demande, et il produit un fichier HTML local que j'ouvre dans un navigateur — aucun compte, aucune clé ni aucun service n'est requis à ce moment-là non plus). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.