Menü
モノレポ設計とツール（Turborepo/Nx/pnpm workspace）。パッケージ構造、依存関係管理、ビルド最適化時に使用。
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
認証実装、ユーザー入力処理、シークレット管理、APIエンドポイント作成、決済機能等のセキュリティ関連作業時に使用。包括的なセキュリティチェックリストとパターンを提供。
アプリケーションアーキテクチャ設計。DDD、クリーンアーキテクチャ、マイクロサービス、イベント駆動設計時に使用。
フロントエンドUIデザインを洗練された独自性のあるスタイルで生成します。ランディングページ、ダッシュボード、Webアプリケーションのデザイン、UIコンポーネント作成時に使用してください。「AIっぽい」汎用デザインを避け、プロフェッショナルで記憶に残るUIを実現します。
指定されたコードまたはファイルに対して包括的なコードレビューを実施する。
バックエンド開発パターン。API設計、データベース最適化、認証、キャッシング、エラーハンドリングに使用。
フロントエンド開発パターン。React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスに使用。
| name | monorepo |
| description | モノレポ設計とツール（Turborepo/Nx/pnpm workspace）。パッケージ構造、依存関係管理、ビルド最適化時に使用。 |
複数のパッケージ/アプリを単一リポジトリで管理するためのベストプラクティス。
| ツール | 用途 |
|---|---|
| Turborepo | タスクランナー、キャッシング |
| pnpm | パッケージマネージャー |
| Nx | 大規模モノレポ、依存関係グラフ |
| Changesets | バージョン管理、リリース |
monorepo/
├── apps/
│ ├── web/ # Next.jsアプリ
│ ├── api/ # バックエンドAPI
│ └── mobile/ # React Native
├── packages/
│ ├── ui/ # 共有UIコンポーネント
│ ├── config/ # 共有設定（eslint, tsconfig）
│ ├── utils/ # 共有ユーティリティ
│ └── types/ # 共有型定義
├── turbo.json
├── pnpm-workspace.yaml
└── package.json
# Turborepo + pnpm
pnpm dlx create-turbo@latest
# 既存プロジェクトに追加
pnpm add -Dw turbo
workspace:* - バージョン指定しないreferences/turborepo-config.md - Turborepo設定ガイドreferences/package-structure.md - パッケージ設計パターンreferences/ci-optimization.md - CI/CD最適化