AIで操作できるチェックリストを作る：HTMLの確認と共有

クリエイティブアシスタントで、チェックリストの画像ではなく操作可能なHTMLページを依頼します。例題はSNSカルーセルの投稿準備です。

「品質を確認」ではなく「書き出した5ファイルをすべて開く」のように、結果を観察できる行動にします。共有予定のページに個人情報は入れません。この例の状態は開いている間だけ保持され、アカウント同期やチーム共通の進捗はありません。

総数はフィルターで隠れた項目を含めて常に6です。「未完了のみ」は表示だけを変え、「リセット」は全チェックを消します。これが実際の操作を評価する基準になります。

「カルーセル投稿チェック」という操作可能なHTMLページを作ってください。
3グループに2個ずつ、合計6個のチェックボックスを置いてください。
出典：改編する権利を確認；最終文案を照合。
ファイル：5ファイルを開く；ページ順を確認。
投稿：投稿先の切り抜きを確認；出典リンクを追加。
完了数/6と進捗バー、「未完了のみ」「リセット」ボタンを付けます。フィルターで総数を変えず、リセットで全6項目を解除し全件表示に戻してください。
明確なラベル、キーボード操作、見えるフォーカス、読みやすいコントラストを用意し、狭い画面で横スクロールさせないでください。
クリーム色と紫のシンプルなレイアウトにし、装飾画像は使いません。
状態はメモリー内だけに保持し、「再読み込みすると進捗はリセットされます」と表示してください。
ブラウザー保存、フォーム、外部通信、ログイン、決済欄、ページ内ダウンロード、外部ライブラリは使わないでください。
コードブロックや画像ではなく、この会話に完全なHTMLアーティファクトを作成してください。

ページカードが出たら実際に操作します。保存成功は動作確認の代わりになりません。エラーが出たら内容と再現操作を助手に伝えます。

2項目をチェックすると2/6になります。未完了だけを表示すると4項目が残り、件数は2/6のままです。全件表示に戻して1項目を解除し、リセットで0/6になることを確認します。再読み込みとTab・スペースキーでも試します。

既存のチェックリストを修正してください。2項目完了後に「未完了のみ」を選ぶと分母が4になります。
分母は表示フィルターに関係なく元の6項目に固定し、隠れた完了項目も状態に残してください。
文言、配置、再読み込みで消えるメモリー内の状態管理は維持し、修正版ページを返してください。

新しい版で同じ操作を繰り返し、狭い画面でも確認します。プロンプトは合格条件であって、初回生成の成功保証ではありません。

カードからHTMLをダウンロードし、ファイルを開いて検証します。この例には外部依存を要求していません。オンラインライブラリを使う別のページは通信が必要な場合があります。

共有する場合は内容を確認してページを共有を選びます。審査後に作られるのはスナップショットで、共同編集用の状態ではありません。現在の既定期間は7日です。製品に表示される期限を確認し、不要になったら取り消します。修正後は再検証して共有し直し、古いリンクの内容が自動更新されると考えないでください。

期限切れや取り消しまで、リンクを持つ人は閲覧できます。検索除外はアクセス制御ではありません。共有ページではブラウザー保存、フォーム送信、外部サービス呼び出しが使えず、進捗の永続保存やメール収集、バックエンドは提供しません。

同僚に私のチェックが見えますか？ いいえ。各ページ内だけの状態で、再読み込みで消えます。担当者や履歴、共同作業が必要なら専用のタスク管理を使います。

恒久的なサイトになりますか？ 一時的な共有リンクは恒久サイトやSEOページではなく、共有アーティファクトは検索対象外です。

ダウンロード後も使えますか？ ページとコードは残りますが、この例ではチェック状態を保存しません。別途ファイルを開いて確認します。生成と修正には既存の料金が適用されます。

静的な概要にはインフォグラフィック、順に読む説明には5枚のSNSカードを使えます。いずれもアシスタントから始められます。