中心的な処理の流れを図で説明する

whenreset 作成 · Claude Code の資料を参考 · 出典の確認日：2026-09-12

このプロジェクトの README とエントリーポイントから裏付けられる、中心的な流れを 1 つ選んでください。私にテーマを選ばせずに、関連するファイルを最大 8 個たどってください。実際の入力、分岐、状態の変化、出力をつなげ、不明なつながりはその旨を記してください。

インライン SVG の図、平易な説明、ノードとファイルの対応、コードまたはテストに裏付けられた例を含む、自己完結した HTML を作成してください。説明用の例には、その旨を明記してください。システムフォントと折り返すレイアウトを使い、外部のスクリプト、フォント、CDN リソースは使わないでください。

ファイルの書き込みができる場合は未使用のファイル名で保存し、できない場合は完全な HTML を返信に含めてください。既存のページはそのまま残し、ブラウザツールは起動しないでください。

図をコードと照合し、HTML の構造と外部リソースへの参照を確認してください。ブラウザでの表示が未検証かどうかを述べてください。

実行ルール：
すぐに作業を始めてください。計画の承認を求めたり、ファイルを選ばせたり、テンプレートの記入を求めたりしないでください。使うのは、このプロジェクト、この会話、すでに提供された資料だけです。無関係なプロジェクトや個人的な履歴は検索しないでください。根拠のある範囲で作業を完了し、足りない入力は報告してください。タスクが当てはまらない場合は理由を説明して終了し、結果を捏造しないでください。
既存のファイルと未コミットの変更はそのまま残してください。提案する内容は返信に全文を含めてください。独立した成果物は、未使用の新しいファイル名で保存してもかまいません。依存関係のインストール、環境の変更、コミット、プッシュ、デプロイはしないでください。アクセスや権限の制限を守り、実行できなかった作業は報告してください。結果を一度確認してから提出し、続けるかどうかは尋ねずに終了してください。