プロンプトとワークフロー
プロンプトとワークフローの動作例と記述用インターフェース。
プロンプトは、読者が別のツールへコピーする文章です。DocumentPrompt は正確なテキストを保ち、長い行を折り返し、コピー操作を見える位置に置きます。編集欄や模擬チャットとしては表示しません。
Review this component’s layout, keyboard behavior and reduced-motion state. Explain the observed issue before changing it.
Read the site instructions and inspect the existing components. Reuse the shared design tokens and verify both themes at a narrow width.
提案された変更をレビューする
Inspect
Read the source and reproduce the issue.
Preview
Review the proposed change and its effect.
Verify
Check the affected behavior and output.
対象を絞ったソースの変更
<button>Save</button><button type="button">Save</button>スタイルを適用したボタン
<DocumentPrompt title="Review a component" text="Review this component's classes and keyboard behavior."/>タスクを表す短いタイトルを使います。段落とリストをテキスト自体に含め、クリップボードと可搬エクスポートに手順全体を残します。短いタスクも長い準備用プロンプトも同じレイアウトで、本文の幅に収まるよう折り返します。本文は読み物用の書体を使いつつ、すべての改行とコピーする文字列を正確に保ちます。タイトル、内側の継ぎ目、本文の始点は24pxでそろえます。テキストはサーバーで描画し、クライアント状態が必要なのはコピーボタンだけです。
ツール名には DocumentOptions、順番のある作業には DocumentFlow、検証済みの変更前後には DocumentCodeExample をプロンプトと組み合わせます。ワークフロー図はツールを実行せず、承認済みであることも意味しません。プロンプトは測定対象のデモ領域の外に置き、空白に意味のあるソースで横スクロールが必要なら通常のコードブロックを使います。
コンテキスト、レビュー、プロジェクト規則のレシピは AI コーディング、実際のプレビュー／適用手順は MCP サーバーを参照してください。このハンドブックのボタンは独立したスタイリング見本です。製品固有のエージェント例は製品の Guide が所有します。