メインコンテンツへスキップ
環境構築 初級 全ツール共通

プロジェクト構成の設計

技術スタックを書くだけでディレクトリ構成・設定ファイル・依存関係を設計してもらえるプロンプト。

プロンプト

以下の技術スタックで最適なプロジェクト構成を設計してください。

- フレームワーク: [例: Next.js 15 / Astro / SvelteKit]
- スタイリング: [例: Tailwind CSS v4 / CSS Modules]
- データベース: [例: Supabase / なし]
- 認証: [例: NextAuth / Clerk / なし]
- ホスティング: [例: Vercel / Cloudflare Pages]

出力してほしいもの:
- ディレクトリ構成(木構造)
- package.json の依存関係
- 主要な設定ファイルの内容
- .env.example
#スキャフォールド #プロジェクト構成 #初期設定

使い方

技術スタックを書き換えて送るだけです。「なし」と書いた項目は省略されます。

このプロンプトが役立つ場面

  • 新プロジェクトを始める前に全体構成を確認したいとき
  • 技術スタックを選んですぐ実装に移りたいとき
  • チームで統一されたプロジェクト構成を作りたいとき