優先順位とコンテキスト

継続的な UI プロトタイピングの優先順位を定義し、ワークスペーススキルを調整し、コードベース分析を導く補助コンテキストファイルを添付します。

Stitch ワークスペースにおける優先事項は、「ボタンの色を青に変える」のような一度きりのバグチケットではありません。アプリケーションのルート全体で、どのような UX 改善を探すべきかを Stitch に伝える、常設のデザイン目標です。

ワークスペース機能を使うには、お使いのマシンで stitch enable loop を一度実行する必要があります。セットアップについてはリポジトリの接続を参照してください。

/stitch スキルで優先事項を設定する

/stitch スキルでリポジトリをオンボーディングすると、エージェントが標準の Scale Interactive Visual Prototyping 優先事項(ui-prototyping)を設定するよう提案します。いつでも /stitch に優先事項の設定や調整を依頼することもできます。

PROMPT
/stitch Set up a UI prototyping priority focused on turning our /schedule and /venues tables into tactile, direct-manipulation views.

ターミナルから UI プロトタイピングテンプレートを使う

CLI には組み込みのテンプレートレジストリがあり、常設の優先事項の作成とワークスペースのリモート分析スキルの調整を 1 ステップで行えます。

stitch create priority --template ui-prototyping

stitch create priority --template ui-prototyping を実行すると、次の 2 つが同時に行われます。

  • 常設の優先事項を作成する — CREATE_SUGGESTIONS の自律性で、Stitch がインサイト、ソリューション仕様、キャンバスデザインプロンプトを継続的に提案します。
  • 3 つのワークスペーススキルを同期する(design-synthesis、insight-guidelines、assessment-guidelines) — Stitch のバックエンドリサーチエージェントを、汎用的なコード品質リントではなく、ビジュアル UI プロトタイピングへと導きます。

アプリ内の特定のルートやワークフローを対象にしたい場合は、--template ui-prototyping と併せて --objective を渡すと、UI プロトタイピングのスキル調整を保ったまま目標をカスタマイズできます。

stitch create priority \
  --template ui-prototyping \
  --objective "Transform passive schedule and booking tables across /schedule and /venues into tactile, direct-manipulation surfaces."

成果に焦点を当てた目標を書く

優れた優先事項の目標は、単一の完結したタスクではなく、複数のルートにまたがる持続的な UX 成果を描くものです。

  • 成果を狙う:「/feed と /schedule 全体の視覚的リズムを評価し、モバイルのスケジュールビューを一目で把握でき触感のあるものにする」、または 「読み取り専用の予約サマリーを、/venues と /checkout 全体で直接操作できるサーフェスに変える」。
  • 小さなタスクは避ける:「/schedule のテーブルのパディングを直す」 や 「フィルタードロップダウンを追加する」 のような一行の雑用は、ワークスペースの統合を回すよりも、直接編集したほうが速く終わります。

注力する対象が変わったときは、いつでも有効な優先事項を一覧表示、確認、更新できます。

stitch find priorities
stitch edit priority <priority-id> --objective "..."
stitch delete priority <priority-id>

補足ファイルとコンテキストを添付する

プロトタイプに反映すべきプロダクト要件、ユーザーリサーチのメモ、アーキテクチャドキュメントがある場合は、ワークスペースに添付します。

PDF、画像、Markdown の仕様は stitch upload file でアップロードします。

stitch upload file ./specs/checkout-prd.pdf
stitch find files

または、stitch create context でターミナルから手軽にメモを追加できます。

stitch create context \
  --title "Checkout Flow Goals" \
  --description "Reduce guest checkout from four separate steps to a single focused view."

stitch find contexts

原文: https://stitch.withgoogle.com/docs/cli/priorities-and-context/

本ページは Google Stitch 公式ドキュメントの翻訳です。原文の著作権は Google LLC に帰属します。本サイトは独立した非公式の翻訳です。