Understand Figma

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 — Cadrage renforcé, divulgué en tête : à l'usage, ce skill EXIGE un jeton d'accès personnel Figma, FIGMA_TOKEN — TON PROPRE jeton, défini par toi dans ton environnement avant l'usage (crée-en un sur figma.com/settings). Le skill ne lit le jeton que depuis l'environnement et ne l'envoie que dans l'en-tête de requête X-Figma-Token vers api.figma.com ; le SKILL.md lui-même dit que le jeton n'est jamais écrit dans le graphe, meta.json, les journaux ni les fichiers intermédiaires, et il ne doit jamais être collé dans un fichier ni partagé. Ce skill n'est PAS entièrement hors ligne à l'usage : il fait des appels sortants vers api.figma.com. Requis aussi à l'usage : Node ≥ 22 et pnpm ≥ 10. Prérequis d'usage, divulgué en tête : ce skill est l'un des skills du plugin Understand-Anything. Il suppose le plugin Understand-Anything installé et son cœur construit (pnpm install dans le plugin, puis la construction de packages/core, le package @understand-anything/core) — installer cette fiche ne fait que copier le dossier du skill ci-dessous ; elle n'installe ni ne construit le plugin. Aucun compte, aucune clé ni aucun paiement n'est requis pour installer cette fiche elle-même — le jeton est une exigence d'usage seulement. Installe-moi « Understand Figma ». Il analyse un fichier Figma via l'API REST Figma et génère un graphe de connaissances de design interactif — pages, écrans, composants, ensembles de composants, instances et jetons de design — étiqueté kind:"design" pour le tableau de bord Understand-Anything existant. Son script compagnon figma-scan.mjs va chercher le document, les styles et les vignettes d'écrans du fichier sur api.figma.com avec ton FIGMA_TOKEN (en-tête seulement, jamais écrit nulle part) ; des sous-agents design-analyzer LLM enrichissent ensuite des lots de nœuds, et figma-merge.mjs fusionne le résultat dans knowledge-graph.json et meta.json dans le répertoire de données de ton projet (.ua/, ou l'historique .understand-anything/ quand il existe déjà), après quoi il lance automatiquement le skill séparé understand-dashboard. Il lit un fichier Figma ; il ne crée ni ne modifie aucune frame dans Figma. Son dossier contient SKILL.md plus les deux scripts Node qu'il exécute. Dépôt : https://github.com/Egonex-AI/Understand-Anything (le skill est tout le dossier understand-anything-plugin/skills/understand-figma/ au commit épinglé : SKILL.md, figma-merge.mjs, figma-scan.mjs, 3 fichiers en tout) Version épinglée : installe le code au commit e24fcf6d371bcfa529bc110bacb1bb43de1b8d33 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/Egonex-AI/Understand-Anything dans un dossier temporaire, place-toi au commit e24fcf6d371bcfa529bc110bacb1bb43de1b8d33, et copie le dossier understand-anything-plugin/skills/understand-figma/ de ce checkout. Compare ensuite chaque fichier du dossier aux empreintes enregistrées pour cette fiche le 2026-10-22 : [FINGERPRINTS] - SKILL.md: SHA-256 b8f76ffb75250a265d609d597c218d1884e220618065240748f2256ef10c475d - figma-merge.mjs: SHA-256 29018498529cf26be6166639ee6e93573b7cd16dba87def29c16f78fa9100797 - figma-scan.mjs: SHA-256 257a23096534bd32047a294ffbcc84019d85e85a8b7b58aeb4ad69de105a6805 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, à quoi il se connecte, s'il lit ou envoie des informations personnelles ou des identifiants, 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 contient 3 fichiers seulement : SKILL.md (4 137 octets, frontmatter name understand-figma), figma-scan.mjs et figma-merge.mjs — deux scripts Node qui importent @understand-anything/core/figma depuis le cœur du plugin construit. Il n'y a aucun autre code dedans. - Rien n'est envoyé nulle part et aucun jeton n'est lu pendant l'installation elle-même ; le seul téléchargement à l'installation est le dossier du skill depuis GitHub au commit épinglé. Ne définis, ne colle et ne fournis aucun jeton Figma pendant cette installation. - À l'usage, il fait des appels sortants vers api.figma.com avec mon propre FIGMA_TOKEN lu depuis l'environnement et envoyé seulement dans l'en-tête X-Figma-Token — le SKILL.md dit que le jeton n'est jamais écrit dans le graphe, meta.json, les journaux ni les fichiers intermédiaires. À l'usage, il écrit knowledge-graph.json, meta.json et des fichiers intermédiaires dans le répertoire de données de mon projet (.ua/, ou l'historique .understand-anything/), nettoie ses intermédiaires sauf scan-manifest.json, et lance automatiquement le skill séparé understand-dashboard. - N'appelle pas l'API Figma, n'exécute ni figma-scan.mjs ni figma-merge.mjs, et n'utilise le skill d'aucune façon pendant cette installation : l'utiliser est une étape séparée qui ne commence que quand je le demande plus tard. 3. Quand je dis « yes, install », installe-le comme skill : copie tout le dossier understand-figma dans le répertoire des skills de l'agent, dans un dossier nommé exactement « understand-figma », en gardant ses 3 fichiers dans leur arborescence relative d'origine (SKILL.md à sa racine). 4. Vérifie sans appels réseau : frontmatter valide (name: understand-figma), les 3 fichiers en place avec des empreintes concordantes. N'exécute rien du dossier et n'utilise pas le skill pour vérifier. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (par exemple : que le plugin Understand-Anything doit être installé avec son cœur construit (pnpm install plus la construction de packages/core), que Node ≥ 22 et pnpm ≥ 10 sont requis à l'usage, que je dois définir mon propre FIGMA_TOKEN dans mon environnement avant de l'utiliser (et qu'il n'est jamais écrit dans aucun fichier), et que l'utilisation de ce skill est une étape séparée qui ne commence que quand je le demande plus tard). 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.