MCP サーバーとエージェント skill

MCP。 サーバーは stdio 経由でローカル実行され、workflow、tree、find、search、usages、diff、inspect、nodes、variables、bundle、verify、index、jobs、changes、watch、export、export_batch、compare_image、models を公開します。export_batch は 1 回の呼び出しで最大 64 ファイルを書き出し、インライン画像の代わりにマニフェストを返します。パスは絶対パスで渡します。--root /path/to/designs（複数指定可）を追加すると、すべてのファイルパスと出力パスを指定フォルダーに制限できます。カスタム保存先を明示するには --storage-root DIR（複数指定可）が必要です。記憶済みの workspace の場所はこのオプションなしで再利用できます。起動引数と複数ルートの設定例を参照してください。ラスターエクスポートは maxSize（デフォルト 1600 px）に縮小され、インライン画像は小さく保たれます。SVG はメタデータのみを返します。

エージェントは workflow で build、audit、images、search、plan、planning-details、または明示的に依頼された場合の yolo ガイドを取得できます。portable skill と同じソースを使うため、MCP 利用時の skill の別途インストールは任意です。実作業にはエージェント自身のプロジェクト・ブラウザツールとホストの権限を使います。ガイドを読むだけでは処理は実行されません。利用方法はクライアントの対応とモデルの動作に依存します。

Claude Code でネイティブ Windows を使う場合：その stdio セットアップ手順と、npx 用の cmd /c ラッパーに従ってください。

Skill。 figlens skill は、エージェントに frame の検索、bundle の小分けでの読み取り、スコープを絞った作業の計画、動作中の UI とデザインの照合を教えます。インストールされるのは指示のみで、CLI または MCP サーバーが利用可能である必要があります。Skills CLI でインストールするか、skills/figlens/ をエージェントの skills ディレクトリにコピーします（Claude Code：~/.claude/skills/）。

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

プラグイン。 Claude Code、Codex、Antigravity、Cursor、Kimi Code では skill と MCP サーバーを 1 つのプラグインとしてまとめてインストールできます。プラグインの設定を参照してください。

skillshare。 skillshare を使うと、Claude Code、Codex、Cursor 全体の skill と MCP 接続を 1 か所で管理できます。

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

インストールの注意。 npm ランチャーは初回使用時に対応するネイティブバイナリをダウンロードし、リリースの SHA-256 チェックサムで検証してキャッシュします。スクリプトでインストールした場合は figlens update、Homebrew の場合は brew upgrade figlens で更新します。バイナリは macOS（Apple silicon、Intel）、Linux（arm64、x86_64、静的 musl）、Windows（x86_64）に対応しています。どのインストール方法でも、任意のセマンティック検索のランタイム figlens-embed が figlens の隣に置かれます。モデルを設定するまでモデルは読み込みません。