Menu
モノレポ設計とツール（Turborepo/Nx/pnpm workspace）。パッケージ構造、依存関係管理、ビルド最適化時に使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
認証実装、ユーザー入力処理、シークレット管理、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最適化