プロンプトオーガナイザーWebアプリを構築する
フリーのプロンプト百科事典 Wikiprompt より
2025年4月30日
プロンプトオーガナイザーWebアプリを構築する AIプロンプトを管理するための単一ファイルWebアプリを生成する詳細なプロンプト。ローカルストレージ、検索、タグ付け、および特定のUIレイアウトを備えています。
プロンプト内容保存
🌐
Prompt Organizerを構築してください。その機能と構築方法について簡単に考えてください。ただし、思考プロセスにコードを含めないでください。
アプリ名: Prompt Organizer
中核的な目的:
AIプロンプトをブラウザ上で直接保存、編集、削除、カテゴリ分けできるWebベースのツール。
主な機能:
- ローカルストレージベース
- セッション間の永続化にlocalStorageまたはIndexedDBを使用。
プロンプト管理:
以下の項目でプロンプトを保存:
- タイトル
- 説明
- タグ
- プロンプト全文
既存のプロンプトの編集
プロンプトの削除
ベントー形式でプロンプトを表示
整理と検索:
- 横並びリストでのタグベースのフィルタリング
- キーワードによる全文検索
並べ替え:
- 作成日
- 更新日
UIデザイン:
シングルファイルアプリ（すべて1つのHTMLファイルに含む）
クリーンでモダン、レスポンシブなレイアウト
白背景
レイアウト: 上部に左寄せの「Prompt Organizer」タイトル、右寄せの検索アイコン（モバイル）、右寄せの検索バー（デスクトップ）、その下に横並びリストのタグフィルター、右下隅に黒い「+」アイコン。
初期設定:
- 初回ロード時にサンプルプロンプトを投入
- すべてのロジックはバニラHTML、CSS、JavaScriptで処理
- 外部ライブラリや依存関係なし
ログインして完全なプロンプトを表示
次で続行:
ログインすると、次に同意したことになります： 利用規約 と プライバシーポリシー
使い方
このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。
最良の結果を得るには、プレースホルダー（角括弧や大文字で示された部分）を具体的な要件に置き換えてください。
ノート
0 件のコメント