From claude-code-settings
モノレポ設計とツール(Turborepo/Nx/pnpm workspace)。パッケージ構造、依存関係管理、ビルド最適化時に使用。
npx claudepluginhub joshuarweaver/cascade-code-general-misc-1 --plugin tubone24-claude-code-settingsThis skill uses the workspace's default tool permissions.
複数のパッケージ/アプリを単一リポジトリで管理するためのベストプラクティス。
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
複数のパッケージ/アプリを単一リポジトリで管理するためのベストプラクティス。
| ツール | 用途 |
|---|---|
| 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最適化