Servidor MCP e skill para agents

MCP. O servidor roda localmente por stdio e expõe workflow, tree, find, search, usages, diff, inspect, nodes, variables, bundle, verify, index, jobs, changes, watch, export, export_batch, compare_image e models. export_batch grava até 64 arquivos em uma chamada e retorna um manifesto em vez de imagens inline. Use caminhos absolutos. Adicione --root /path/to/designs (repetível) para confinar todo arquivo e caminho de saída às pastas escolhidas. Armazenamento personalizado solicitado explicitamente exige --storage-root DIR (repetível); locais lembrados são reutilizados sem essa opção. Veja os argumentos de inicialização e o exemplo com várias raízes. Exportações raster são reduzidas a maxSize (padrão 1600 px) para manter as imagens inline pequenas; SVG retorna apenas metadados.

Com workflow, o agent pode ler os guias integrados build, audit, images, search, plan, planning-details ou yolo quando solicitado explicitamente. Eles compartilham as fontes do skill portátil; sua instalação separada é opcional para MCP. O agent executa o trabalho com suas ferramentas de projeto e navegador e as permissões do host. Ler um guia não executa o fluxo; seu uso depende do cliente e do comportamento do modelo.

Windows nativo com Claude Code: siga as notas de configuração stdio e o wrapper cmd /c para npx.

Skill. O skill do figlens ensina o agent a encontrar frames, ler o bundle em partes pequenas, planejar trabalho com escopo definido e verificar a UI em execução contra o design. Ele instala apenas instruções; a CLI ou o servidor MCP precisa estar disponível. Instale com a Skills CLI ou copie skills/figlens/ para o diretório de skills do seu agent (Claude Code: ~/.claude/skills/):

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

Plugins. Claude Code, Codex, Antigravity, Cursor e Kimi Code instalam o skill e o servidor MCP juntos como um plugin; veja Configuração do plugin.

skillshare. Gerencie o skill e a conexão MCP no Claude Code, Codex e Cursor em um só lugar com o 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

Notas de instalação. O launcher npm baixa o binário nativo correspondente no primeiro uso, verifica-o contra os checksums SHA-256 da release e o armazena em cache. Instalações por script são atualizadas com figlens update; as do Homebrew, com brew upgrade figlens. Os binários cobrem macOS (Apple silicon, Intel), Linux (arm64, x86_64, musl estático) e Windows (x86_64). Todo caminho de instalação também coloca figlens-embed, o runtime da busca semântica opcional, ao lado de figlens; ele não carrega nenhum modelo até você configurar um.