Serveur MCP et skill pour agent

MCP. Le serveur s’exécute en local via stdio et expose workflow, tree, find, search, usages, diff, inspect, nodes, variables, bundle, verify, index, jobs, changes, watch, export, export_batch, compare_image et models. export_batch écrit jusqu’à 64 fichiers en un appel et renvoie un manifeste au lieu d’images inline. Passez des chemins absolus. Ajoutez --root /path/to/designs (répétable) pour confiner chaque chemin de fichier et de sortie aux dossiers choisis. Un stockage personnalisé explicitement demandé exige --storage-root DIR (répétable) ; les emplacements mémorisés sont réutilisés sans cette option. Voir les arguments de démarrage et l’exemple de configuration avec plusieurs racines. Les exports raster sont réduits à maxSize (1600 px par défaut) pour que les images inline restent légères ; SVG ne renvoie que des métadonnées.

Avec workflow, l’agent peut lire les guides intégrés build, audit, images, search, plan, planning-details ou yolo sur demande explicite. Ils partagent les sources du skill portable ; son installation séparée est facultative avec MCP. L’agent réalise le travail avec ses outils de projet et de navigateur et les permissions de l’hôte. Lire un guide n’exécute pas le workflow ; son utilisation dépend du client et du comportement du modèle.

Windows natif avec Claude Code : suivez ses notes de configuration stdio et le wrapper cmd /c pour npx.

Skill. Le skill figlens apprend à un agent à trouver des frames, lire le bundle par petits morceaux, planifier un travail ciblé et vérifier l’UI en cours d’exécution par rapport au design. Il n’installe que des instructions ; la CLI ou le serveur MCP doit être disponible. Installez-le avec la Skills CLI ou copiez skills/figlens/ dans le répertoire de skills de votre agent (Claude Code : ~/.claude/skills/) :

npm install -g @runkids/figlens
npx skills add runkids/figlens --skill figlens

Plugins. Claude Code, Codex, Antigravity, Cursor et Kimi Code installent le skill et le serveur MCP ensemble en un seul plugin ; voir Configuration du plugin.

skillshare. Gérez le skill et la connexion MCP pour Claude Code, Codex et Cursor depuis un seul endroit avec skillshare :

skillshare install github.com/runkids/figlens/skills/figlens
skillshare mcp add figlens --global --target claude --target codex --target cursor --no-tui -- npx -y @runkids/figlens mcp
skillshare sync && skillshare sync mcp --global

Notes d’installation. Le lanceur npm télécharge le binaire natif correspondant à la première utilisation, le vérifie avec les checksums SHA-256 de la release et le met en cache. Les installations par script se mettent à jour avec figlens update, celles de Homebrew avec brew upgrade figlens. Les binaires couvrent macOS (Apple silicon, Intel), Linux (arm64, x86_64, musl statique) et Windows (x86_64). Chaque méthode d’installation place aussi figlens-embed, le runtime de la recherche sémantique optionnelle, à côté de figlens ; il ne charge aucun modèle tant que vous n’en configurez pas.