プロンプト生成ツール

HTML / CSS / JS 構成のアプリを作るためのAI向けプロンプトを組み立てます

基本情報

これから作りたいアプリの名前と目的を書いてください。

想定ユーザーとロール

誰が使うか、どんな役割(権限)があるかを書いてください。ロールは複数追加できます。

画面構成

作りたいアプリの画面(ページ)を追加してください。表示する内容や操作もあわせて書くと、より具体的なプロンプトになります。

ユーザー認証方式

生成するアプリに実装したい認証方式を選んでください(複数選択可)。

データベース

Supabase(PostgreSQL)で管理したいデータについて書いてください。

Azure AI API

利用したいAzure AIの機能を選んでください(複数選択可)。

技術スタック(固定)

このプロンプト生成ツールが前提とする構成です。変更はできません。

フロントエンドプレーンなHTML/CSS/JS(フレームワーク・ビルドツールなし)
ホスティングCloudflare Pages
データベースSupabase(PostgreSQL)
AI機能Azure AI API

追加の要件・制約(任意)

生成されたプロンプト

このままAIアシスタントに貼り付けて使えます。