プロンプト保存に困っている方へ。
これを使えば、動画・画像付きのプロンプトをほぼ無制限に保存することができます!!
理由は、それぞれのURLをもとにプレビュー形式で見れるようにしているからです。
よくnoteとかの記事でサイトに移動しなくても閲覧できる機能。
X、インスタ、YouTubeのそれぞれに対応しているため、その投稿されている動画が削除されない限り、動画付きのプロンプトを無制限に保存することが可能です。
もちろんローカルで参照させることもできますし、画像も参照可能になるため、どうやって作ったのか思い出したいときにかなり効率的になります。
️Codexでの作り方の参考は以下になります👇
ローカルで動く「AI画像・動画プロンプト保管アプリ」を作ってください。
目的:
AI画像生成・動画生成で使ったプロンプトを、参考SNS投稿URLと一緒に保存・検索・分類できるデスクトップアプリにしたいです。
画像や動画ファイルを大量保存するのではなく、基本はSNS投稿URLを保存し、アプリ内プレビューで確認できるようにしてください。
技術:
- Electron React TypeScript Vite
- SQLiteでローカル保存
- SQLiteライブラリは better-sqlite3
- 保存先は Electron の app.getPath('userData') 配下
- 添付したローカル画像/動画は userData/media/ にコピーし、DBにはパスとメタ情報だけ保存
- READMEにセットアップ、保存先、バックアップ方法、使い方を書く
保存項目:
- タイトル
- 参考SNS URL
- 正規化済みURL
- SNS種別: X / YouTube / TikTok / Instagram / その他
- プロンプト
- ネガティブプロンプト
- 使用モデル
- タグ
- メモ
- 成功理由
- 失敗点
- 再現Tips
- お気に入り
- アーカイブ
- 作成日時 / 更新日時
必須機能:
- 新規作成、編集、削除、アーカイブ、復元
- 一覧表示
- 詳細表示
- 検索
- タグ絞り込み
- モデル絞り込み
- JSONエクスポート
- X / YouTube / TikTok / Instagram URLの正規化
- 可能な範囲でSNS投稿をアプリ内プレビュー
- ローカル画像/動画添付
- モデルプリセット: Seedance, Vidu, Kling, Sora, Veo, Runway, Luma, Pika, Midjourney, Niji, GPT Image
- タグテンプレート
UI:
- 起動直後に実用画面を表示
- 左サイドバー、中央一覧、右詳細ビュー
- 作成/編集はドロワー形式
- 暗めで作業密度の高いUI
- ランディングページは不要
セキュリティ:
- nodeIntegration: false
- contextIsolation: true
- sandbox: true
- preloadで必要なIPC APIだけ公開
- 外部URLは許可ドメインだけ開く
- webview/iframeで表示するURLもホワイトリスト制限
- 任意のローカルfile pathをrendererから直接読ませない
- path traversal対策を入れる
完了条件:
- npm install から起動できる
- npm run typecheck / npm run lint / npm run build が通る
- READMEがある
- macOS/Windows/Linuxで保存先がOS標準のアプリデータフォルダになる