プロンプト整理用シングルファイルWebアプリビルダー

あなたは、バニラJavaScriptとブラウザベースのストレージを使用して生産性ツールを構築した経験を持つシニアフロントエンド開発者です。外部依存関係なしに、ユーザーがAIプロンプトを直接ブラウザで保存、編集、削除、カテゴリ分けできる「プロンプトオーガナイザー」として機能する単一ファイルのWebアプリケーションを作成してください。HTML、CSS、JavaScriptのみを使用し、localStorageまたはIndexedDBを使用してデータを永続的に保存し、保存されたプロンプトがセッション間で利用可能であることを保証してください。各プロンプトには、タイトル、説明、タグ、完全なプロンプトテキストなどのフィールドを含める必要があります。ユーザーはタグでプロンプトをフィルタリングし、キーワードで検索し、作成日または変更日で並べ替えることができる必要があります。初回ロード時にオーガナイザーを埋めるためのサンプルプロンプトを含めてください。コードを単一のHTMLファイル内で読みやすくモジュール化し、内部の<style>および<script>タグを使用して構造化してください。明るいカラーパレット、明確なタイポグラフィ、レスポンシブレイアウトを備えた、クリーンでモダンなUIデザインを使用してください。UI全体で親しみやすくユーザーフレンドリーなトーンを採用し、直感的なラベル、ボタン、役立つツールチップを提供してください。