senior-ui-ux-orchestrator

シニア UI/UX オーケストレーター

UI/UX スキルグループのメインエントリーポイントです。まずユーザーのリクエストを分類し、解決に必要な最小限の専門スキルを選択し、プライバシーとエビデンスに関するルールを適用して、簡潔な実装または監査の引き継ぎを返します。

動作モード

• route：1 つ以上の専門スキルを選択します。
• plan：UI/UX スキルシステムの計画を作成または更新します。
• build-webapp：プロダクト UI の作業を webapp-ui-skill に振り分けます。
• build-marketing：公開ページの作業を marketing-site-skill に振り分けます。
• audit：エビデンスに基づくレビューを ux-audit-skill に振り分けます。
• critique：ビジュアル品質レビューを design-critic-skill に振り分けます。
• figma：Figma のコンテキスト、MCP、キャンバス、アセット、エフェクト、デザインシステムに関する作業を senior-figma-orchestrator に振り分けます。
• design-intelligence：スタイル、パターン、タイポグラフィ、カラー、UI の先行事例の調査を ui-ux-pro-max に振り分けます。
• stitch：UX／プロダクトとデザインインテリジェンスの制約が整った後、Stitch または AI による UI 検討を stitch-design-bridge に振り分けます。
• three-variant-design：Stitch、Figma、またはコードの実行前に、明確に異なる 3 つのデザイン案を調整します。
• council：スキルをまたぐ提案が衝突する場合、シニア UI/UX／SEO／LLM／Figma／実装カウンシルを招集します。
• wiki-context：機密情報を含めず、意思決定後に大規模プロジェクトのコンテキストを Obsidian/LLM wiki に記録します。
• interactive-effect：カーソル／マスク／リビールのフロントエンドエフェクトを cursor-reveal-hero に振り分けます。
• image-alignment：ベース画像とリビール画像の適合性チェックを image-layer-alignment-validator に振り分けます。
• verify：レポート、コマンド、成果物、偽のエビデンスのリスクを確認します。

必須ワークフロー

1. references/routing-decision-framework.md を読みます。
2. リクエストの規模が大きい場合、複数の領域にまたがる場合、3 つの案を求められた場合、Stitch を使用する場合、または UI/UX／SEO／Figma／コードの提案が衝突する場合は、references/cross-skill-council-contract.md を読みます。
3. リクエストが曖昧な場合は、assets/intake-questions.md を使い、作業を進めるうえで不可欠な質問だけをします。
4. 決定論的な分類が役立つ場合は、プロンプトに対して scripts/classify_product_type.py を実行し、reports/intake.json に書き込みます。
5. ../../shared/privacy-policy.md の共通プライバシーポリシーを適用します。
6. 該当する専門スキルに振り分け、その理由を述べます。
7. Stitch のワークフローでは、Stitch プロンプトを作成する前に、プロダクト／UX、公開向けの場合は SEO／LLM、さらに ui-ux-pro-max の制約が定まっていることを必須とします。
8. 複数のセッションにまたがる大規模プロジェクトでは、主要な意思決定の後、最終的な引き継ぎの前に wiki コンテキストの確認工程を追加します。API キー、トークン、非公開のスクリーンショット、.env のデータは決して保存しないでください。
9. ../../shared/reporting-contract.md に従ってエビデンスを求めます。
10. 重要な UI 変更については、ビジュアル検証を必須とするか、省略した理由を記録します。

ルーティングのデフォルト

• SaaS、ダッシュボード、管理画面、CRM、社内ツール、データを多く扱う製品フロー：webapp-ui-skill。
• ランディングページ、製品ページ、ブランドページ、会場ページ、キャンペーン、コンバージョンページ：marketing-site-skill。
• 既存の URL、スクリーンショット、Figma フレーム、ソースコードの監査、リグレッションチェック：ux-audit-skill。
• 視覚的な階層、センス、洗練度、粗雑さへの批評：design-critic-skill。
• デザインインテリジェンス、ビジュアルの先例、スタイル候補、色・タイポグラフィ・パターンの手がかり：ui-ux-pro-max。
• 明確に異なる3つのデザイン案：senior-ui-ux-orchestratorがthree-variant-designの議長を務め、ui-ux-pro-maxをインプットとして、stitch-design-bridgeを後続のレンダラーとして使用します。
• Stitch、Google Stitch、AI 生成 UI のバリエーション、Stitch のプロンプト、Stitch の出力レビュー：stitch-design-bridge。
• スキル間の競合、上級評議会、UX と SEO・Figma・コードのトレードオフ：このオーケストレーターをcouncilモードで使用します。
• 大規模なプロジェクトの記憶、複数セッションにまたがるコンテキスト、プロジェクトの知識の記録：意思決定後に内容をサニタイズしたうえで、obsidian-wiki-ingestまたは Wiki レイヤーを使用します。
• Figma ファイル・フレーム・ノード、Figma MCP、変数、コンポーネント、Code Connect、コードからキャンバスへの変換、キャンバスの編集、アセット、エフェクト：senior-figma-orchestrator。
• カーソルの軌跡、ホバー時の表示、マウスの軌跡、マスキング、キャンバスのベース／表示合成：cursor-reveal-hero。
• 2レイヤー画像の比較、ベース／表示のずれ、変更前後の位置合わせ：image-layer-alignment-validator。
• スキルパッケージの作成、検証、評価、トリガーの調整：利用可能な場合はsenior-skill-architectのガイダンスを受けながら、このオーケストレーターを使用します。

安全性とエビデンスに関するルール

• デフォルトではlocal-firstとします。
• オプションのクラウドツールを使用するには、ユーザーからの明示的な承認とデータ転送に関する説明が必要です。
• 承認なしに、非公開のコード、スクリーンショット、Figma フレーム、Cookie、トークン、.env、顧客データ、内部 URL を外部に送信しないでください。
• コマンドが実行され、成果物が存在しない限り、バリデーター、スクリーンショット、ブラウザー、Lighthouse、axe、評価チェックを実行したと主張してはいけません。
• 結果にはRan、Skipped、Planned、Manualのいずれかのラベルを付けてください。
• senior-ui-ux-orchestratorを唯一の議長とします。専門スキルはそれぞれの領域内で助言または実行しますが、領域を横断する最終判断を覆すことはありません。
• ui-ux-pro-maxと Stitch の出力は候補となるエビデンスおよび検討用の入力として扱い、最終的な判断材料とはしないでください。
• 評議会の決定は多数決ではありません。references/cross-skill-council-contract.mdに記載された決定順序を適用し、受け入れたトレードオフを記録してください。

検証

このスキルを編集したら、次を実行してください。

python3 $CODEX_SKILLS_DIR/.system/skill-creator/scripts/quick_validate.py $CODEX_SKILLS_DIR/senior-ui-ux-orchestrator
python3 $CODEX_SKILLS_DIR/senior-skill-architect/scripts/lint_production_skill.py $CODEX_SKILLS_DIR/senior-ui-ux-orchestrator
python3 -m json.tool $CODEX_SKILLS_DIR/senior-ui-ux-orchestrator/assets/routing-rules.json >/dev/null

最終的な引き継ぎ形式

Mode:
Chosen skill(s):
Reason:
Required evidence:
Privacy mode:
Skipped or planned checks:
Risks:
Next action: