104K+ダウンロード
ヘルプAIでコメント、マーク、修正する

AIでコメント、マーク、修正する

要素または表示領域にフィードバックを付け、送信するタイミングを選び、エージェントが実際に変更した内容を確認します。

要素へのコメントまたは領域のマークを選ぶ

特定の見出し、ボタン、画像、カードに関するリクエストには Comment が適しています。描画したり、複数の要素を囲んだり、スクリーンショットを使って間隔を説明したりする場合は Mark が便利です。Edit は成果物を直接変更しますが、フィードバックはエージェントに変更を依頼します。

要素にコメントを追加する

  1. Preview でHTMLファイルを開き、Comment を選択します。キャンバス上の要素をクリックします。
  2. 要素のラベルとアウトラインを確認し、リクエストが正しい場所を指していることを確かめます。期待する変更内容と、維持する詳細を記入します。視覚的な参照が役立つ場合は画像を添付します。
  3. Comment を選択してフィードバックを保存するか、Send to chat を選択してエージェントに渡します。コメントを保存するだけでは、生成タスクは開始されません。
正確な要素コメントでは、場所と、小さく検証可能なリクエストを組み合わせます。
このアクセント単語をコーラル色にしてください。イタリック体、サイズ、位置は維持してください。

参照画像を添付している場合は、画像だけのコメントも保存できます。意図する変更が曖昧になる場合は、短い指示を追加してください。全体に関するリクエストには、無関係な要素へ添付するのではなく、コメントパネルからファイルレベルのコメントを使用します。

保存したフィードバックに戻る

プレビューツールバーの Comments を開いて保存済みのマーカーを表示し、マーカーをクリックしてフィードバックを再確認します。View all comments を選択すると一覧が開きます。エージェントに対応させるコメントを選択し、Send to chat を使用してまとめて送信します。Select all を選択すると、一覧内のすべてのコメントが対象になります。会話パネルが折りたたまれている場合は、先に展開してください。

ファイルレベルのコメントは成果物全体に適用され、要素コメントには位置情報が含まれます。大幅な再設計によってマーカーの位置情報が失われた場合は、現在のファイルを確認し、リクエストを正しい要素にもう一度添付してください。

  1. 送信前に選択したコメントを確認してください。Select all では、一緒に処理したくないリクエストまで含まれる場合があります。
  2. 利用できる場合は、返信または並べ替えのコントロールを使用して、フィードバックを理解しやすく保ちます。マーカーの番号はキャンバス上の位置を示します。一覧を並べ替えても、そのマーカーの番号が変わるとは限りません。
  3. Send to chat の後、リクエストが会話に届いたことを確認し、エージェントの結果を待ちます。コメントを保存または選択するだけでは、成果物は変更されません。閲覧者はコメントできても、エージェントタスクを開始する権限がない場合があります。

プレビューの領域をマークする

  1. プレビューツールバーで Mark を選択します。領域を囲むには Box select、フリーハンドで示すには Pen、ラベルを追加するには Text を使用します。
  2. 短い指示を追加します。ボックスは場所を示し、注記は変更すべき内容を示します。参照画像も添付できます。
  3. マークを修正するには、マークツールバーの Undo または Redo を使用します。このモードでは、Cmd/Ctrl+Z でストロークを元に戻し、Cmd/Ctrl+Shift+Z でやり直します。Escape で終了します。
Mark は視覚的な領域を取得します。それ自体がHTMLを編集するわけではありません。
ツールフィードバックを分かりやすくする方法
Box select対象を特定できるよう、周囲の情報を十分に含めて影響を受ける領域を囲みます。
Pen短い線やアウトラインを描き、方向、間隔、境界を説明します。変更対象のコンテンツを覆わないようにしてください。
Text対象の横に短いラベルを追加します。希望する正確な結果は、記述した指示で伝えます。

今すぐ送信、下書き、またはキューに追加する

アクション使用するタイミング
Send指示の準備ができており、エージェントに今すぐ作業させたい場合
Add to inputさらにコンテキストを追加する前に、スクリーンショットと注記を入力欄へ追加したい場合
Queue実行中のタスクの後にリクエストを処理するよう予約したい場合

Add to input の後、必要に応じて会話ペインを展開し、添付されたスクリーンショットとテキストを確認します。メッセージを送信するまで、何も実行されません。タスクがすでに実行中の場合、Send は使用できなくても、下書きまたはキューのアクションは引き続き使用できることがあります。

送信前に下書きを確認してください。Add to input は Send とは別の操作です。

Queue は、実行中の作業の後にリクエストを配置します。変更がすでに行われたことを確定するものではありません。同じリクエストの別バージョンを送信する前に、会話と保留中のキューを確認し、競合する重複を避けてください。どの方法を使った場合でも、送信したスクリーンショットだけで成功を判断せず、新しく生成された成果物を確認してください。

変更された成果物を確認する

  1. エージェントが完了するまで待ち、変更されたファイルを開きます。Preview で結果を確認します。
  2. 依頼した変更と、維持するよう指定した詳細の両方を確認します。動的なページの場合は、表示を切り替えるか再読み込みして、新しい値が維持されることを確かめます。
  3. 保存したフィードバックに戻り、結果と比較します。新しいバージョンを確認してから、共有リンクを更新してください。
手動編集：taste, が craft, に変更され、再読み込み後も維持されています。コメントによるリクエストはこれとは別です。

スクリーンショットは保存済みの手動編集を示しており、完了したエージェントタスクではありません。自分のフィードバックを送信した後は、新しいファイルを確認し、関連する操作テストを繰り返してください。

ローカルのフィードバックと共有コメント

ローカルコメント、エージェントに送信したメッセージ、共有リンクから同期されたコメントは、それぞれ別の状態です。閲覧者にはコメントする権限があっても、ソースを編集したりエージェントタスクを開始したりする権限がない場合があります。公開範囲のコントロールと更新の公開については、共有とコラボレーションを参照してください。