Communitygithub.com

モバイルデザインOS

Codex向けコンポーザブルなモバイルプロダクトデザインスキル — 一行のアイデアから、洗練された出荷可能なUIまで。

モバイルデザインOS とは?

このスキル(Mobile Design OS)は、AIエージェント(特にCodex)がモバイルプロダクトのデザインプロセス全体を一貫して実行できるように設計された、コンポーザブルなワークフロー指向のスキルです。ユーザーが「分析」「UX設計」「ビジュアルデザイン」「プロトタイプ」「実装ハンドオフ」などの要求を出すと、スキルはまず実行コンテキスト(目標、プラットフォーム、入力、権限)を確定し、必要に応じて`design-run.json`マニフェストを生成します。その後、事前定義された12の専門スキル(例: `mobile-product-brief`, `mobile-ux-architect`, `mobile-ui-design`, `mobile-design-review`)に処理をルーティングし、各段階でバリデーションを強制しながら順次実行します。重要な判断ポイント(ユーザーに3方向のビジュアル方向性の選択を求める、安全性やプライバシーに関する決定など)では自動停止し、ユーザーの意思決定を待ちます。また、各段階で生成されるアーティファクトには安定したIDが付与され、後続の段階で上書きされないよう保護されます。これにより、一貫性のあるトレーサブルなデザインチェーンが実現し、最終的なレビューと実装ハンドオフまでをスムーズに進めることができます。このスキルは特にCodex環境向けに設計されていますが、同様のワークフローをサポートする他のAIエージェント(Claude Code, Cursorなど)にも応用可能な構造を持っています。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add Xinvtech/mobile-design-os

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

モバイルデザインOS は何をしますか?

要求された成果を満たす、最小限の完全なモバイルデザインチェーンを実行します。作業を専門スキルにルーティングし、ステージ間で安定したIDとエビデンスを保持し、洗練されたビジュアルで未解決の製品、プラットフォーム、状態、またはバリデーションのギャップを決して隠蔽しないでください。

実行の確立

以下を判断します:

  • 要求された成果:分析、プロダクトフレーミング、UX、ビジュアルコンセプト、完全なデザインパッケージ、プロトタイプ、レビュー、または実装ハンドオフ。
  • ターゲットプラットフォームとフォームファクター。
  • 利用可能な入力:プロダクトアイデア、スクリーンショット、URL、ブランド素材、既存の契約、コード、またはランタイムエビデンス。
  • 承認された範囲:デザインのみ、プロトタイプ、またはコード変更。
  • 実際にユーザーによる判断が必要な決定事項、特にセーフティモデル、主要アクター、MVP境界、ビジュアル方向性、フレームワークオーバーライド、およびパブリックライセンス。

作業が2つ以上のステージにまたがる場合、または再開可能である必要がある場合は、assets/design-run-template.json から design-run.json を作成します。マニフェストを作成または更新する前に、references/pipeline-contract.md を読んでください。

必要なスキルへのルーティング

選択したスキルの SKILL.md を、そのステージを実行する前に完全に読んでください。リクエストが1つまたは2つのステージしか必要としない場合に、すべてのスキル本文をロードしないでください。

ニーズスキル完了エビデンス
リファレンスの発見または比較mobile-reference-research有効な reference-research.json
メカニクスとデザインDNAの抽出analyze-mobile-ui有効な design-dna.json
プロダクトとMVPのフレーミングmobile-product-brief有効な product-brief.json
フロー、オブジェクト、画面、状態の定義mobile-ux-architect有効な ux-architecture.json
低忠実度の階層の確立mobile-wireframe有効な wireframe.json
ビジュアルUIの探索とレンダリングmobile-ui-designユーザーが選択、ロック、有効な ui-design.json(構造化ハンドオフが要求された場合)
再利用可能なトークン/コンポーネントの抽出mobile-design-system有効な design-system.json
インタラクション動作のモデル化またはレンダリングmobile-prototype有効な prototype.json およびUIが存在する場合のUIアライメントレポート
ネイティブ動作の決定とテストmobile-platform-guidelines有効な platform-guidelines.json
チェーンの監査mobile-design-review誠実な判断を含む有効な review.json
実装の計画またはスキャフォールディングmobile-design-to-code有効なハンドオフおよびコードが生成された場合の実際のビルド/テストエビデンス

完全なチェーンの実行

エンドツーエンドのリクエストの場合、以下の順序を使用し、not-required と明示的にマークされたステージのみをスキップします:

  1. mobile-product-brief を実行し、問題、オーディエンス、アクティベーション、コアループ、MVP、信頼境界、未解決の決定事項を確定します。
  2. リファレンスが不足しているか、比較が必要な場合に mobile-reference-research を実行します。
  3. スクリーンショットやリファレンスプロダクトをトレーサブルなデザインDNAに変換する必要がある場合に analyze-mobile-ui を実行します。
  4. 検証済みのブリーフとリファレンスの決定事項に基づいて mobile-ux-architect を実行します。
  5. 階層や状態の圧力が無視できない場合、ビジュアルスタイリングの前に mobile-wireframe を実行します。
  6. mobile-ui-design を実行します。正確に3つの比較可能なプレビューを強制し、ユーザーチョイスゲートで停止します。ユーザーが明示的に選択を委任しない限り、ビジュアル方向性を選択しないでください。
  7. 選択後、ビジュアル方向性をロックし、レンダリングされた画面と構造化UIアーティファクトを完了させます。
  8. 下流での再利用や実装トークンが必要な場合に mobile-design-system を実行します。
  9. mobile-prototype を実行し、その後UIからプロトタイプへの状態とインタラクションのアライメントを検証します。
  10. ネイティブ動作とデバイステストケースのために mobile-platform-guidelines を実行します。
  11. 利用可能な完全なチェーンに対して mobile-design-review を実行します。
  12. 実装またはハンドオフが要求され、レビューの決定がそれを許可する場合にのみ mobile-design-to-code を実行します。

すべてのステージの後に design-run.json を更新します。上流の要件、フロー、画面、状態、トークン、コンポーネント、エビデンスのIDを保持し、下流のステージで静かに識別子を再生成しないでください。

ゲートの強制

  • 選択したスキルによって指定されたすべてのステージバリデータを実行し、続行する前に構造上の失敗を修正します。
  • UXの完全性を主張する前に、検証済みのプロダクトブリーフを要求します。
  • UIの完全性を主張する前に、明示的な状態の所有権とリカバリを要求します。
  • デザインシステムまたはレンダリングされたプロトタイプの作業の前に、visualLock.status: locked とユーザーまたはユーザー委任による選択ソースを要求します。
  • 両方のアーティファクトが存在する場合、UIとプロトタイプのアライメントを要求します。
  • スクリーンショットやブラウザランナーが、ランタイムのアクセシビリティ、ライフサイクル、パーミッション、センサー、永続性、配信、またはデバイスの動作を証明することを防ぎます。
  • コードハンドオフが、生成されたコードがビルドまたはテストされることを証明することを防ぎます。コードが生成された場合、正確なコマンドと結果を記録します。
  • pass の前に、未解決のP0またはP1がなく、欠落している高リスクエビデンスがないことを要求します。そうでない場合は、レビュースキルで定義されている conditional-pass、revise、または fail を使用します。

マルチステージの実行を提供する前に、python3 scripts/validate_design_run.py <path-to-design-run.json> --root <run-directory> を実行します。

重要な決定事項でのみ停止

以下の場合に一時停止します:

  • ユーザーが3つのビジュアル方向性から選択する必要がある場合。
  • 決定が安全性、プライバシー、主要アクター、コアバリューループ、破壊的な動作、またはMVP範囲を変更する場合。
  • 必要な入力または承認が利用できない場合。
  • 次のステップが、実際には提供されていない外部評価、物理デバイスエビデンス、本番動作、またはパブリックライセンスを主張する場合。

それ以外の場合は、ラベル付きの仮定で進め、それをマニフェストに記録します。

実行結果の提供

以下を返します:

  1. 成果と現在のステージ決定。
  2. 完了したステージと検証済みアーティファクトのパス。
  3. ユーザーの決定とラベル付きの仮定。
  4. 未解決のP0/P1問題と未テストの高リスク動作。
  5. 次に実行可能なステージ、または残っている外部/デバイス/ユーザーゲート。

必要なステージが保留中、ユーザー選択待ち、ブロック中、または構造的に有効だがテストされていない場合、チェーンが完了したと説明しないでください。

関連スキル