Vibeコーディングで画像生成プロンプト管理ツール作成してみたよ！！
使用したAI
Stable Diffusion XL
※１～２枚目は実際に作ったツールの画面のキャプチャです。
先日の投稿でVibeコーディングでややこしいルールが絡むようなゲームなどはまだ厳しいという感覚だったので
ひとまず鬼ごっこは切り上げて（気が向いたら自分でコード改造すればいいし…）簡単な静的なツールに着手してみました。
ちちぷいくりえーたーな皆さんがどのように画像生成プロンプトを管理されているのか各々バラバラな気はしますが、私は思い付き適当イエーイ🤗イエーイ👐人間なのでプロンプト管理も適当です。
ってことでプロンプトを一元管理するツールを作ってみようと思いまして。
Google AI studioのbuildセクションを使いまして、自分の頭の中での構想込みで２時間くらいで出来ちゃいましたよ…。ちゃんと想像した通りの動作する…。
実用的なツールが本当に自然言語で指示しただけで完成しました。
凄くてちょっと引いてるくらいです。
ざっくりした使い方で言うと
１．生成した画像をドラッグアンドドロップでインポートする
２．画像のプロンプト情報を読み込み＆サムネイル用の縮小画像を作成
３．Importボタンを押すとローカル保存、PromptManagerからサムネイルとセットで読み出し＋プロンプト情報の編集が可能（自由に要素分解、追加可）
よく使うキャラクターや背景なんかのプロンプトを要素分解して保存しとけば、
この画像の"人物"＋この画像の"背景"＋この画像の"動作"
といった感じの組み合わせもしやすくなるかなーという思想でつくりました。
さらにセキュリティ面考慮が面倒だったので外部との通信は無し、フォルダに入れた一式からindex.htmlを読みだせば動作、全て自分のローカルPC内で完結する、という方針指示はしたのでそれなりに安全だとは思う。
ちなみに、現在の機能を踏まえたマニュアル作成してくれと指示したらそれも作ってくれましたよ。
これで自分のプロンプト管理ラクになりそう。
適当に作っただけだし欲しい人がいるかもわからんのでひとまず報告だけってことにしておきます。
（一応GitHubアカウントは持ってるけどプロジェクト公開したことないから勝手がよくわからんし…）
皆さんどういうプロンプト管理してるかわからないけどこんなツール欲しい人いるのかしら…。
先日の投稿でVibeコーディングでややこしいルールが絡むようなゲームなどはまだ厳しいという感覚だったので
ひとまず鬼ごっこは切り上げて（気が向いたら自分でコード改造すればいいし…）簡単な静的なツールに着手してみました。
ちちぷいくりえーたーな皆さんがどのように画像生成プロンプトを管理されているのか各々バラバラな気はしますが、私は思い付き適当イエーイ🤗イエーイ👐人間なのでプロンプト管理も適当です。
ってことでプロンプトを一元管理するツールを作ってみようと思いまして。
Google AI studioのbuildセクションを使いまして、自分の頭の中での構想込みで２時間くらいで出来ちゃいましたよ…。ちゃんと想像した通りの動作する…。
実用的なツールが本当に自然言語で指示しただけで完成しました。
凄くてちょっと引いてるくらいです。
ざっくりした使い方で言うと
１．生成した画像をドラッグアンドドロップでインポートする
２．画像のプロンプト情報を読み込み＆サムネイル用の縮小画像を作成
３．Importボタンを押すとローカル保存、PromptManagerからサムネイルとセットで読み出し＋プロンプト情報の編集が可能（自由に要素分解、追加可）
よく使うキャラクターや背景なんかのプロンプトを要素分解して保存しとけば、
この画像の"人物"＋この画像の"背景"＋この画像の"動作"
といった感じの組み合わせもしやすくなるかなーという思想でつくりました。
さらにセキュリティ面考慮が面倒だったので外部との通信は無し、フォルダに入れた一式からindex.htmlを読みだせば動作、全て自分のローカルPC内で完結する、という方針指示はしたのでそれなりに安全だとは思う。
ちなみに、現在の機能を踏まえたマニュアル作成してくれと指示したらそれも作ってくれましたよ。
これで自分のプロンプト管理ラクになりそう。
適当に作っただけだし欲しい人がいるかもわからんのでひとまず報告だけってことにしておきます。
（一応GitHubアカウントは持ってるけどプロジェクト公開したことないから勝手がよくわからんし…）
皆さんどういうプロンプト管理してるかわからないけどこんなツール欲しい人いるのかしら…。
呪文
入力なし
![[suno]cold wind,heat of passion](https://chichi-pui.akamaized.net/uploads/post_images/originals/b37aaf1b-dd71-4f86-bb72-bb8df7953a1e/9c805553-468b-4751-abb6-69ab303af5e4.png?impolicy=thumbnail&w=400&h=400&x=877&y=997)
