Umby Discover:外科的ブリーフ&クリエイティブディレクション は何をしますか?
常時適用ルールがあります。 何かを変更する前に、
../umby-beast-code/references/standing-rules.mdを読んでください。承認ゲート、明示的な許可なしのデプロイやマージ禁止、プレビュー付きフィーチャーブランチ、保護されたコード、すべてのURLの保持またはリダイレクト、本物の証拠のみ、そして作業ログについて規定されています。
汎用的なプロンプトはエージェントに推測を強いますが、LLMの推測とはインターネットの統計的平均に過ぎません。あなたの役割は、コンポーネントコードを1行も書く前に、具体的で、意見が明確で、カテゴリーをリードするプロダクトとビジュアルアイデンティティを確定することです。ユーザーを退屈な20の質問にさらす必要はありません。
ステップ1:観測可能な事実と欠落した意図を分離する
- 最初にワークスペースファイルを確認します(
package.json、既存のCSSトークン、ブランド資産、README.md、既存のルート)。リポジトリがすでに答えている質問をしてはいけません。 - ユーザーのリクエストを凡庸でないブリーフの5本の柱に照らして監査します。
- 柱1 — ジョブとプライマリアクション: 誰がこのページを訪れ、どんな懐疑心を抱き、完了させたい単一のアクションは何か?
- 柱2 — 美的アーキタイプと緊張感: これは視覚的にどこに位置するか?(
references/aesthetic-archetypes.mdを参照し、AI以外の12のアーキタイプを確認。) - 柱3 — 証拠とコンテンツの現実: 実際のプロダクトデータ、指標、写真、またはライブのインタラクティブなメカニズムはあるか?それとも、偽の「10,000人以上の顧客」のような埋め草ではなく、正直なインタラクティブシミュレーションを構築すべきか?
- 柱4 — 表面スコープとスタック: パス1に含めるべきページ/フローと、適用されるスタックの制約(Astroの静的スピード vs. Next.jsのインタラクティブアプリ vs. Shopifyのヘッドレス)は何か?
- 柱5 — ブラウンフィールド制約(更新のみ): どのURL、ロゴ、ブランドカラー、チェックアウト/認証契約が変更不可か?
ステップ2:4~5の質問によるインテークゲートを実行する
上記の柱のうち2つ以上が実際に不足しており(かつユーザーが即座の自律実行を要求していない場合)、UIコードを書く前に一時停止し、references/question-bank.md から選択した3~5の外科的な質問をします。
優れた発見質問のルール
- 利用可能な場合はホスト質問UIを使用する: 環境が構造化された多肢選択質問ツール(例:
ask_question)を提供している場合は、それを使用し、質問ごとに3~4の具体的で対照的な選択肢を提示し、推奨する選択肢を先頭に(推奨)のプレフィックスを付けます。そうでない場合は、明確で番号付きのプレーンテキストリストを提示します。 - 自由形式の宿題ではなく、具体的な対比を提供する: 「好きな色やフォントは何ですか?」と決して聞かないでください。代わりに、鋭い方向性のペアリングを提示します。例:「(推奨) Precision Dark Monolith(Linear / Raycast 級:オブシディアン
#0b0c0e、シャープなヘアライン境界、単一のエレクトリックアクセント、インタラクティブなプロダクトステージ)」 vs. 「Editorial High-Key Light(Stripe Press / Mercury 級:暖かいアラバスター#faf9f6、エディトリアルセリフディスプレイ+クリーングロテスクボディ、たっぷりとした昼光間隔)」など。 - 最大5つの質問に制限する: 1ラウンドの鋭い質問は刺激的ですが、3ラウンドもの細かい詰め問いは壊れているように感じられます。
ステップ3:クリエイティブ&機能契約を確定する
ユーザーが回答したら(または明示的な自律実行権限の下で最適なアーキタイプマッチを使用して即座に)、コンパクトなデザイン&プロダクト契約を記述します(インラインで12~15行、またはマルチルートプロジェクトの場合は .umby/DESIGN_BRIEF.md に保存)。
- オーディエンスと懐疑心: 誰が訪れ、ページが5秒以内に克服すべき正確な疑問を一文で。
- プライマリビューポートアクション: 正確に1つのプライマリCTA動詞句(例:「インタラクティブサンドボックスを開始」、「250gバッグを追加・$24」)。
- 選択したアーキタイプと3つのクラフトベンチマーク:
references/aesthetic-archetypes.mdから命名されたアーキタイプ + その品質水準(決してIP/アセットをコピーしない)を固定する3つの実世界の製品。 - タイポグラフィペアとスケール: ディスプレイファミリー + ボディファミリー + モノファミリー、明示的なウェイトとトラッキングルールを指定。
- OKLCHパレットアンカー: ベースサーフェスの明度/色相、プライマリインク、ヘアラインのアルファ、および単一の高い確信度のアクセントカラー。
- セクションリズムシーケンス: 5~8のページビートの順序付きリスト。隣接する2つのセクションが同じグリッドジオメトリを共有してはいけません。
- アンチゴール(明示的な除外事項): このプロジェクトで禁止される3つの具体的なクリシェ(例:「紫と青色のSaaSグローなし、3カラムのLucideアイコン機能行なし、未確認の顧客ヘッドショットなし」)。
この確定した契約を、直接 ../umby-architect/SKILL.md と ../umby-craft/SKILL.md に引き渡します。