◆デモURL
SUNO Prompt Designer
https://suno-prompt-designer.vercel.app/
作品概要
SUNO Prompt Designerは、SUNOで楽曲制作を行うためのAIプロンプト生成Webアプリです。
テーマ、参考曲、ジャンル、BPM、歌詞密度、曲構成、ボーカルの質感などを入力すると、SUNOに貼り付けやすいStyle Prompt、Copy Prompt、Lyrics、画像Prompt、動画Promptを自動生成できます。
単にプロンプトを作るだけではなく、楽曲の構成や歌詞の余白、Verse / Chorusごとの密度、避けたい要素、参考曲から抽出した作風などを細かく指定できるように設計しました。音楽AI制作における「最初のアイデア出し」「複数案の比較」「プロンプトの品質管理」を効率化するための制作支援ツールです。
ポートフォリオ用紹介文
SUNOで音楽を作る際に、毎回プロンプトや歌詞構成を一から考える負担を減らすために開発したAI活用型の楽曲プロンプト生成アプリです。
ユーザーは、作りたい曲のテーマ、ジャンル、参考曲、BPM、歌詞密度、曲構成を入力するだけで、SUNO用のStyle Prompt、Copy Prompt、Lyricsをまとめて生成できます。さらに、House、Pop、R&B、Garage、Neo Soulなど、作風ごとの「カスタムGem」を選ぶことで、同じテーマでも異なる方向性の楽曲案を作れます。
Googleログインによる履歴保存にも対応しており、生成したタイトル、プロンプト、歌詞、使用したGem、ジャンルなどをストックできます。単発のプロンプト生成ではなく、曲のアイデアを蓄積しながら制作に使えるツールを目指しました。
主な機能
- SUNO用Style Prompt生成
- SUNO用Copy Prompt生成
- 歌詞Lyrics生成
- 画像生成用Prompt出力
- 動画 / Spotify Canvas用Prompt出力
- 参考曲、アーティスト、ジャンル、BPMの入力
- 歌詞密度プリセット
- Verse / Pre-Chorus / Chorus / Bridge / Outroごとの密度調整
- セクション構成のボタン入力
- 構成順の並び替え、削除
- 最大6案の一括生成
- カスタムGemによる作風切り替え
- 参考Style Prompt / LyricsからカスタムGem Markdown生成
- 生成履歴の保存
- Googleログインによるクラウド同期
- Markdownエクスポート
- Token使用量の表示
- 無料利用回数の制限
- 管理者アカウントによる無制限利用
使い方
1. 曲の基本情報を入力する
まず、参照曲、アーティスト、参照ジャンル、BPMを入力します。
参照曲やアーティストは、完全に模倣するためではなく、曲調やグルーヴ、楽器構成、雰囲気をAIに伝えるための情報として扱います。BPMはスライダーで指定でき、極端なテンポではなく、実用的な範囲で調整できるようにしています。
2. カスタムGemを選択する
「カスタムGem」では、生成時に使う作風テンプレートを選択できます。
例えば、Deep House、Funky House、UK Garage、R&B、Neo Soul、Popなど、ジャンルや作風ごとに異なるプロンプト設計ルールを切り替えられます。
カスタムGemは、単なるジャンル指定ではなく、以下のような制作ルールを含むテンプレートです。
- どのような音色を使うか
- どのような構成にするか
- 歌詞をどの程度説明的にするか
- 避けるべき表現
- SUNOが誤認しやすいポイント
- 参考曲の要素をどう抽出するか
これにより、同じテーマでも異なる作風の楽曲案を生成できます。
3. Geminiモデルを確認する
通常ユーザーは、Gemini 3.1 Flash-Lite固定で生成されます。
管理者アカウントのみ、より高品質なモデルを選択できるようにしています。将来的に有料化した場合は、上位プランで最新モデルを利用できる設計を想定しています。
4. テーマと曲調を入力する
次に、楽曲のテーマと曲調を入力します。
例：
- 夜の街で過去の恋を思い出す
- 派手ではないが踊れるDeep House
- 不穏だけど美しいR&B
- 明るすぎない都会的なPop
- 失恋を説明しすぎず、断片的に表現したい
入力された日本語のテーマやMoodは、SUNOに渡すPrompt内では英語の短い表現に変換されます。これにより、SUNOが理解しやすい形で、曲の方向性を整理できます。
5. ボーカルの方向性を決める
ボーカル設定では、性別、トーン、歌い方、距離感などを指定できます。
例：
- 男性 / 女性 / デュエット / グループ
- 近く親密
- 囁き
- ソウルフル
- 息多め
- ラップ寄り
- 感情的
- スタジオ的にクリア
これにより、単に「女性ボーカル」や「男性ボーカル」と指定するだけでなく、歌い方や質感までPromptに反映できます。
6. 歌詞密度を調整する
歌詞密度では、曲全体の歌詞量や、セクションごとの余白を調整できます。
プリセットとして、以下のような方向性を用意しています。
- 標準的なポップ
- ラップ密集
- 贅沢に余白
- フック反復
- 語りミニマル
- ソウルフルなロングトーン
- クラブ向けボーカルチョップ
- Dark R&B Sparse
- 物語J-Pop
- サビ強化アンセム
さらに、Verse、Pre-Chorus、Chorus、Bridge、Outroごとに、密度と余白を個別に指定できます。
例えば、Verseは言葉数を多めに、Chorusは短く印象的に、Bridgeは余白を多めにする、といった調整が可能です。
7. セクション構成を作る
セクション構成では、ボタンを押すだけで曲の流れを作れます。
使用できるセクション例：
- Intro
- Verse
- Pre-Chorus
- Chorus
- Bridge
- Instrumental Solo
- Final Chorus
- Outro
- Ending
日本の楽曲でよくある「1番、2番、ブリッジ、最後のサビ」といった構成や、クラブミュージック向けの「Intro、Main Groove、Breakdown、Final Groove」といった構成も作れます。
追加したセクションは、選択して削除したり、順番を入れ替えたりできます。
8. GeminiでAI生成する
入力が終わったら、「GeminiでAI生成」を押します。
生成される内容は以下です。
- タイトル案
- ジャンル判定
- 音楽設計
- Vocal Density Design
- SUNO Style Prompt
- SUNO Copy Prompt
- Lyrics
- Lyrics + Density Notes
- 失敗した時の修正Prompt
- 画像Prompt
- 動画Prompt
- 文字数 / Tokenチェック
SUNOへ貼り付ける候補は薄いオレンジで強調表示されるため、どの項目を使えばよいか分かりやすくしています。
9. 一括生成で複数案を比較する
Googleログイン後は、最大6つのカスタムGemを選んで一括生成できます。
同じテーマに対して、複数の作風を比較できます。
例：
- Pop寄り
- Deep House寄り
- R&B寄り
- UK Garage寄り
- Neo Soul寄り
- Dark Electronic寄り
一括生成では、各案のタイトル、Style Prompt、歌詞の方向性が異なるように生成されます。複数案を比較しながら、SUNOで試す候補を選べます。
10. 生成履歴を保存する
生成した内容は保存できます。
保存される主な情報：
- タイトル
- 使用したカスタムGem
- ジャンル
- テーマ
- Mood
- BPM
- Style Prompt
- Copy Prompt
- Lyrics
- 画像Prompt
- 動画Prompt
- Token使用量
Googleログインしている場合は、Firestoreにユーザー別で保存されます。これにより、別のブラウザやPCからでも履歴を読み込めます。
カスタムGem生成機能
このアプリには、参考曲のStyle PromptやLyricsから、新しいカスタムGem Markdownを生成する機能もあります。
参考にしたい曲のStyle PromptやLyricsを貼り付けると、Geminiが以下の要素を抽出します。
- 音楽的特徴
- 歌詞の密度
- セクション構成
- 反復の仕方
- ボーカルの質感
- 避けるべき表現
- SUNO向けPrompt設計ルール
ただし、元の歌詞やPromptをそのまま保存するのではなく、再利用可能な制作ルールとしてMarkdown化します。著作権や模倣リスクを避けるため、原文をコピーするのではなく、「作り方のレシピ」に変換する設計にしています。
生成したMarkdownはダウンロードし、必要に応じてprompt-presetsフォルダへ追加できます。
利用回数について
Gemini APIの利用コストを抑えるため、利用回数に制限を設けています。
- 未ログインの場合：AI生成5回まで
- Googleログインした場合：AI生成10回まで
- 管理者アカウント：無制限
未ログイン状態では、一括生成は利用できません。
一括生成や履歴のクラウド同期を利用する場合は、Googleログインが必要です。
また、管理者以外のユーザーはGemini 3.1 Flash-Lite固定です。将来的に有料化した場合は、より高品質な最新モデルを利用できるプランを想定しています。
技術構成
- HTML
- CSS
- JavaScript
- Node.js
- Vercel Functions
- Firebase Authentication
- Firebase Firestore
- Gemini API
- Google Identity Toolkit API
- localStorage
- Markdown Export
工夫した点
SUNO用のプロンプトは、単にジャンルや楽器を並べるだけでは品質が安定しません。そこで、テーマ、曲調、歌詞密度、セクション構成、避けたい要素、ボーカルの距離感などを分解して入力できるようにしました。
特に意識したのは、歌詞が単なる説明文にならないようにすることです。VerseとChorusで同じ歌詞を繰り返すだけになったり、テーマをそのまま文章で説明してしまったりしないよう、プロンプト側で「象徴語」「断片的なフレーズ」「余白」「感情の残響」を重視する設計にしています。
また、カスタムGemをMarkdownで管理することで、作風ごとの生成ルールを追加しやすくしました。Git管理されたプリセットと、画面上で生成できるカスタムGem Markdownを組み合わせることで、制作ノウハウを少しずつ蓄積できるようにしています。
想定ユーザー
- SUNOで楽曲制作をしている人
- AI音楽制作のプロンプト精度を上げたい人
- 複数ジャンルの楽曲案を効率よく作りたい人
- 歌詞や構成を毎回一から考える負担を減らしたい人
- 参考曲から作風のルールを抽出したい人
- 音楽AI制作を仕事や企画に活用したいクリエイター
- Web制作とAI活用を組み合わせた事例を探している人
今後の改善案
- 使用回数制限をFirestoreに保存して完全永続化
- 有料プラン対応
- カスタムGemのクラウド保存
- カスタムGemの編集、削除、共有
- SUNO生成結果の評価ログ
- 失敗パターンを次回生成に反映する改善Prompt機能
- 画像Prompt / 動画Prompt専用タブの強化
- Spotify / Apple Musicメモ連携
- Sunoへの自動操作
- 生成した楽曲ストックの外部DB管理