nx-workspace

โดย nrwl

สำรวจและทำความเข้าใจเวิร์กสเปซของ Nx ใช้เมื่อตอบคำถามเกี่ยวกับเวิร์กสเปซ โปรเจกต์ หรืองานต่างๆ รวมถึงใช้เมื่อคำสั่ง nx ล้มเหลว หรือจำเป็นต้องตรวจสอบเป้าหมาย/การกำหนดค่าที่มีอยู่ก่อนรันงาน ตัวอย่าง: 'มีโปรเจกต์อะไรในเวิร์กสเปซนี้?', 'โปรเจกต์ X ถูกกำหนดค่าอย่างไร?', 'อะไรขึ้นอยู่กับไลบรารี Y?', 'มีเป้าหมายอะไรให้รันได้บ้าง?', 'ไม่พบการกำหนดค่าสำหรับงาน', 'แก้ไขข้อผิดพลาดของงาน nx

npx skills add https://github.com/nrwl/nx-ai-agents-config --skill nx-workspace

Nx Workspace Exploration

This skill provides read-only exploration of Nx workspaces. Use it to understand workspace structure, project configuration, available targets, and dependencies.

Keep in mind that you might have to prefix commands with npx/pnpx/yarn if nx isn't installed globally. Check the lockfile to determine the package manager in use.

Listing Projects

Use nx show projects to list projects in the workspace.

The project filtering syntax (-p/--projects) works across many Nx commands including nx run-many, nx release, nx show projects, and more. Filters support explicit names, glob patterns, tag references (e.g. tag:name), directories, and negation (e.g. !project-name).

# List all projects
nx show projects

# Filter by pattern (glob)
nx show projects --projects "apps/*"
nx show projects --projects "shared-*"

# Filter by tag
nx show projects --projects "tag:publishable"
nx show projects -p 'tag:publishable,!tag:internal'

# Filter by target (projects that have a specific target)
nx show projects --withTarget build

# Combine filters
nx show projects --type lib --withTarget test
nx show projects --affected --exclude="*-e2e"
nx show projects -p "tag:scope:client,packages/*"

# Negate patterns
nx show projects -p '!tag:private'
nx show projects -p '!*-e2e'

# Output as JSON
nx show projects --json

Project Configuration

Use nx show project <name> --json to get the full resolved configuration for a project.

Important: Do NOT read project.json directly - it only contains partial configuration. The nx show project --json command returns the full resolved config including inferred targets from plugins.

You can read the full project schema at node_modules/nx/schemas/project-schema.json to understand nx project configuration options.

# Get full project configuration
nx show project my-app --json

# Extract specific parts from the JSON
nx show project my-app --json | jq '.targets'
nx show project my-app --json | jq '.targets.build'
nx show project my-app --json | jq '.targets | keys'

# Check project metadata
nx show project my-app --json | jq '{name, root, sourceRoot, projectType, tags}'

Target Information

Targets define what tasks can be run on a project.

# List all targets for a project
nx show project my-app --json | jq '.targets | keys'

# Get full target configuration
nx show project my-app --json | jq '.targets.build'

# Check target executor/command
nx show project my-app --json | jq '.targets.build.executor'
nx show project my-app --json | jq '.targets.build.command'

# View target options
nx show project my-app --json | jq '.targets.build.options'

# Check target inputs/outputs (for caching)
nx show project my-app --json | jq '.targets.build.inputs'
nx show project my-app --json | jq '.targets.build.outputs'

# Find projects with a specific target
nx show projects --withTarget serve
nx show projects --withTarget e2e

Workspace Configuration

Read nx.json directly for workspace-level configuration. You can read the full project schema at node_modules/nx/schemas/nx-schema.json to understand nx project configuration options.

# Read the full nx.json
cat nx.json

# Or use jq for specific sections
cat nx.json | jq '.targetDefaults'
cat nx.json | jq '.namedInputs'
cat nx.json | jq '.plugins'
cat nx.json | jq '.generators'

Key nx.json sections:

  • targetDefaults - Default configuration applied to all targets of a given name
  • namedInputs - Reusable input definitions for caching
  • plugins - Nx plugins and their configuration
  • ...and much more, read the schema or nx.json for details

Affected Projects

If the user is asking about affected projects, read the affected projects reference for detailed commands and examples.

Common Exploration Patterns

"What's in this workspace?"

nx show projects
nx show projects --type app
nx show projects --type lib

"How do I build/test/lint project X?"

nx show project X --json | jq '.targets | keys'
nx show project X --json | jq '.targets.build'

"What depends on library Y?"

# Use the project graph to find dependents
nx graph --print | jq '.graph.dependencies | to_entries[] | select(.value[].target == "Y") | .key'

Programmatic Answers

When processing nx CLI results, use command-line tools to compute the answer programmatically rather than counting or parsing output manually. Always use --json flags to get structured output that can be processed with jq, grep, or other tools you have installed locally.

Listing Projects

nx show projects --json

Example output:

["my-app", "my-app-e2e", "shared-ui", "shared-utils", "api"]

Common operations:

# Count projects
nx show projects --json | jq 'length'

# Filter by pattern
nx show projects --json | jq '.[] | select(startswith("shared-"))'

# Get affected projects as array
nx show projects --affected --json | jq '.'

Project Details

nx show project my-app --json

Example output:

{
  "root": "apps/my-app",
  "name": "my-app",
  "sourceRoot": "apps/my-app/src",
  "projectType": "application",
  "tags": ["type:app", "scope:client"],
  "targets": {
    "build": {
      "executor": "@nx/vite:build",
      "options": { "outputPath": "dist/apps/my-app" }
    },
    "serve": {
      "executor": "@nx/vite:dev-server",
      "options": { "buildTarget": "my-app:build" }
    },
    "test": {
      "executor": "@nx/vite:test",
      "options": {}
    }
  },
  "implicitDependencies": []
}

Common operations:

# Get target names
nx show project my-app --json | jq '.targets | keys'

# Get specific target config
nx show project my-app --json | jq '.targets.build'

# Get tags
nx show project my-app --json | jq '.tags'

# Get project root
nx show project my-app --json | jq -r '.root'

Project Graph

nx graph --print

Example output:

{
  "graph": {
    "nodes": {
      "my-app": {
        "name": "my-app",
        "type": "app",
        "data": { "root": "apps/my-app", "tags": ["type:app"] }
      },
      "shared-ui": {
        "name": "shared-ui",
        "type": "lib",
        "data": { "root": "libs/shared-ui", "tags": ["type:ui"] }
      }
    },
    "dependencies": {
      "my-app": [
        { "source": "my-app", "target": "shared-ui", "type": "static" }
      ],
      "shared-ui": []
    }
  }
}

Common operations:

# Get all project names from graph
nx graph --print | jq '.graph.nodes | keys'

# Find dependencies of a project
nx graph --print | jq '.graph.dependencies["my-app"]'

# Find projects that depend on a library
nx graph --print | jq '.graph.dependencies | to_entries[] | select(.value[].target == "shared-ui") | .key'

Troubleshooting

"Cannot find configuration for task X:target"

# Check what targets exist on the project
nx show project X --json | jq '.targets | keys'

# Check if any projects have that target
nx show projects --withTarget target

"The workspace is out of sync"

nx sync
nx reset  # if sync doesn't fix stale cache

Skills ที่เกี่ยวข้อง

prs
google-gemini
ความเชี่ยวชาญในการจัดการวงจรชีวิตของ Pull Request บน Git และ GitHub รวมถึงการจัดเตรียมการเปลี่ยนแปลง การสร้างคำอธิบาย PR และการจัดการสาขา
interactive-dashboard-builder
anthropic
แดชบอร์ด HTML แบบครบวงจรพร้อม Chart.js ตัวกรอง และสไตล์มืออาชีพ มีรูปแบบสมบูรณ์สำหรับการ์ด KPI กราฟเส้น/แท่ง/โดนัท ตารางข้อมูลที่เรียงลำดับได้ และตัวกรองแบบดรอปดาวน์หรือช่วงวันที่ที่อัปเดตการแสดงผลทั้งหมดทันที รวมถึงระบบ CSS ที่สร้างไว้ล่วงหน้าพร้อมเค้าโครงกริดแบบตอบสนอง ตัวแปรสี และสไตล์ที่เหมาะกับการพิมพ์ซึ่งทำงานได้โดยไม่ต้องใช้เฟรมเวิร์กภายนอก ฝังข้อมูลและตรรกะทั้งหมดไว้ในไฟล์ HTML เดียวโดยตรง ไม่ต้องใช้เซิร์ฟเวอร์หรือขั้นตอนการสร้าง แนะนำ...
formatting
remotion-dev
เรียกใช้การตรวจสอบรูปแบบและสไตล์ของ Remotion จนกว่าจะผ่าน ใช้เมื่อผู้ใช้ขอให้แก้ไขรูปแบบหรือเรียกใช้คำสั่งจัดรูปแบบ
openspec-continue-change
rivet-dev
ทำงานต่อในการเปลี่ยนแปลง OpenSpec ต่อไปโดยสร้างอาร์ติแฟกต์ถัดไป ใช้เมื่อผู้ใช้ต้องการดำเนินการเปลี่ยนแปลง สร้างอาร์ติแฟกต์ถัดไป หรือดำเนินการต่อ…
implement-design
figma
แปลการออกแบบจาก Figma เป็นโค้ดที่พร้อมใช้งานจริงด้วยความเที่ยงตรงของภาพในระดับพิกเซล ต้องมีการเชื่อมต่อกับเซิร์ฟเวอร์ Figma MCP และ URL ของ Figma ที่มีคีย์ไฟล์และ ID โหนดเพื่อดึงบริบทการออกแบบ ภาพหน้าจอ และทรัพยากร ขั้นตอนการทำงานแบบมีโครงสร้างเจ็ดขั้นตอน: แยกวิเคราะห์ URL ดึงบริบทการออกแบบ จับภาพอ้างอิง ดาวน์โหลดทรัพยากร แปลงเป็นรูปแบบของโปรเจกต์ ทำให้เท่ากัน 1:1 และตรวจสอบกับ Figma ให้ความสำคัญกับการนำระบบการออกแบบกลับมาใช้ใหม่มากกว่าการทำซ้ำ แมปโทเค็นของ Figma กับการออกแบบของโปรเจกต์...
vercel
remotion-dev
ตั้งค่า Codex monitor สำหรับการปรับใช้ Vercel และ URL ตัวอย่าง ใช้เมื่อผู้ใช้เรียก /vercel หรือ $vercel ขอให้ Codex ดูหรือตรวจสอบ Vercel…
azure-diagnostics
microsoft
ดีบักปัญหาการผลิตบน Azure โดยใช้ AppLens, Azure Monitor, สถานะทรัพยากร และการคัดแยกอย่างปลอดภัย เมื่อใด: ดีบักปัญหาการผลิต, แก้ไขปัญหาแอปบริการ, แอปบริการ CPU สูง, แอปบริการการปรับใช้ล้มเหลว, แก้ไขปัญหาคอนเทนเนอร์แอป, แก้ไขปัญหาฟังก์ชัน, แก้ไขปัญหา AKS, kubectl ไม่สามารถเชื่อมต่อ, kube-system/CoreDNS ล้มเหลว, pod รอคอย, crashloop, โหนดไม่พร้อม, การอัปเกรดล้มเหลว, วิเคราะห์บันทึก, KQL, ข้อมูลเชิงลึก, การดึงอิมเมจล้มเหลว, ปัญหาการเริ่มต้นเย็น, การตรวจสอบสุขภาพล้มเหลว, สถานะทรัพยากร, สาเหตุหลักของข้อผิดพลาด, แก้ไขปัญหา event hubs, แก้ไขปัญหา service bus, ข้อผิดพลาด messaging SDK, การเชื่อมต่อ AMQP ล้มเหลว, การสูญเสียการล็อกข้อความ, service bus dead letter
devops
review-hog-perspective-logic-correctness
posthog
มุมมองการตรวจสอบด้านตรรกะและความถูกต้องสำหรับ ReviewHog ตรวจสอบว่าโค้ดที่เปลี่ยนแปลงทำงานตามที่ควรจะเป็น — ตรรกะทางธุรกิจ กรณีขอบ และข้อมูล…