プロジェクトスキャフォールドプロンプト

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

## 技術スタック
- フレームワーク: [例: Next.js 15 / Astro 5 / SvelteKit]
- 言語: TypeScript（strict mode）
- スタイリング: [例: Tailwind CSS v4 / CSS Modules]
- 状態管理: [例: Zustand / Jotai / なし]
- データベース: [例: Supabase / PlanetScale / なし]
- 認証: [例: NextAuth / Clerk / なし]
- ホスティング: [例: Vercel / Cloudflare Pages]

## 作成してほしいもの
1. ディレクトリ構成（全ファイル・フォルダを木構造で）
2. package.json（依存関係リスト）
3. 設定ファイル一覧（tsconfig.json, eslint.config.js 等）
4. 環境変数一覧（.env.example）
5. README.md のテンプレート

## 制約
- pnpm をパッケージマネージャとして使用
- セキュリティベストプラクティスを適用
- パフォーマンスを考慮した構成にする
- 不要な依存関係を入れない