figma-context-reader

Figma コンテキストリーダー

このスキルを使って、Figma のコンテキストを根拠に基づくデザインブリーフにまとめます。読み取り専用のスキルです。変更操作は figma-canvas-editor または figma-design-system-sync に振り分けてください。

モード

• frame-brief：選択したフレームまたはページを要約します。
• component-brief：コンポーネント、バリアント、プロパティ、制約を要約します。
• token-brief：変数、スタイル、色の役割、間隔、角丸、タイポグラフィ、エフェクトを要約します。
• audit-input：ux-audit-skill または design-critic-skill に必要な Figma の根拠を収集します。
• handoff：実装スペシャリスト向けのコンテキストを準備します。

ワークフロー

1. 入力の種類を確認します：Figma URL、選択したノード、ファイルキー、スクリーンショット／エクスポート、または接続済み MCP の選択項目。
2. ../../shared/privacy-policy.md を適用します。
3. use_figma の呼び出しが必要な場合は、最初にインストール済みの figma:figma-use スキルを呼び出します。
4. 必要なノード、変数、コンポーネント、スタイル、アセットのみを読み取ります。ユーザーがライブラリ／システム関連の作業を求めていない限り、ファイル全体の広範なスキャンは避けます。
5. 根拠のラベルを付けて、構造化されたコンテキストブリーフを作成します。Figma の直接的なメタデータと視覚的な推論を区別します。
6. MCP にアクセスできない場合は、代替手段としてエクスポート、スクリーンショット、ノードのメタデータ、または Figma の詳細情報を手動で提供するよう依頼します。

出力形式

assets/context-brief-template.md を使用します。

根拠に関するルール

• Figma metadata：ノード名、種類、レイアウトフィールド、変数、スタイル、コンポーネント名、アセット参照。
• Visual inference：階層、注目度、密度、意図の推定、視覚的な仕上がり。
• Missing：現在の Figma コンテキストから確認できない情報。

Figma のコンテキストだけを根拠に、DOM、実行時の動作、アクセシビリティスキャン、または実装に関する証拠を主張しないでください。

検証と評価

• 最終ブリーフに、根拠の出典とプライバシーモードが明記されていることを確認します。
• すべての実装に関する主張が、Figma のメタデータ、視覚的な推論、またはコンテキストが不足している旨の明示的な注記に基づいていることを確認します。
• 接続済み Figma コンテキストとスクリーンショットのみの入力を区別する前方テストには、evals/evals.json を使用します。

リソース

• ツールの利用可否が不明な場合は、$CODEX_SKILLS_DIR/senior-figma-orchestrator/references/figma-mcp-compatibility.md を読みます。
• レポートには assets/context-brief-template.md を使用します。