大規模な JavaScript プロジェクトの管理は、適切なツールがないと複雑になります。このスキルは、ビルドキャッシングと影響コマンドを備えた効率的なモノレポ管理のための、本番対応の Nx ワークスペースパターンを提供します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「nx-workspace-patterns」を使用しています。 build、test、lint 操作のキャッシングで nx.json を構成する
期待される結果:
最適な CI パフォーマンスのための tasksRunnerOptions、targetDefaults、namedInputs、キャッシュ可能な操作を含む完全な nx.json 構成を提供します。
「nx-workspace-patterns」を使用しています。 循環依存を防止するモジュール境界を設定する
期待される結果:
apps、features、UI ライブラリ、utilities 間のタグベースの依存関係ルールを強制する depConstraints を含む ESLint 構成を生成します。
セキュリティ監査
安全Static analysis flagged 35 patterns that are all false positives. The SKILL.md file is documentation-only content containing Nx configuration templates, CLI command examples, and best practices. External command patterns are documentation code blocks, network references are hyperlinks to official Nx documentation, and filesystem patterns are JSON schema paths in configuration templates. No executable code or security risks present.
品質スコア
作れるもの
新規 Nx ワークスペースセットアップ
大規模な React アプリケーションを開始するチームのために、適切なプロジェクト構造、キャッシング、タスクランナーオプションを備えた新しい Nx モノレポを構成します。
CI パイプラインの最適化
GitHub Actions に影響コマンドを実装して、変更されたプロジェクトのみをテストおよびビルドすることで CI 時間を短縮します。
モジュール境界の強制
組織全体でフィーチャー、UI、ユーティリティライブラリ間のアーキテクチャ境界を強制する ESLint ルールを設定します。
これらのプロンプトを試す
適切なキャッシング構成を備えた React アプリケーション用の新しい Nx ワークスペースをセットアップするのを手伝ってください。
apps と libs ディレクトリを含む Nx ワークスペース用の ESLint モジュール境界ルールを生成してください。apps は features と utilities に依存できますが、features は他の features に依存できないことを強制します。
main ブランチからプルする際、変更されたプロジェクトのみで lint、test、build を実行するために Nx 影響コマンドを使用する GitHub Actions ワークフローを作成してください。
スコープ付きモノレポ構造のために、事前構成されたタグ、index エクスポート、バレルファイルを備えたフィーチャーライブラリを作成するカスタム Nx ジェネレーターを記述してください。
ベストプラクティス
- 記述的なタグを一貫して使用し、モジュール境界ルールで強制する
- 顕著な CI 時間短縮のため、プロジェクトセットアップの早期にビルドキャッシングを有効にする
- クリーンな依存関係を維持するために、ライブラリを単一責任に焦点を当てて保つ
回避
- ライブラリ間の循環依存を作成すると、依存関係グラフが壊れる
- 影響コマンドをスキップし、すべてのコミットでフルテストスイートを実行する
- メンテナンス負担を増やす過度に細かい多数の小さなライブラリを作成する