惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
Apple Machine Learning Research
Apple Machine Learning Research
宝玉的分享
宝玉的分享
博客园 - 叶小钗
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 司徒正美
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - Franky
爱范儿
爱范儿
罗磊的独立博客
IT之家
IT之家
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
N
Netflix TechBlog - Medium
云风的 BLOG
云风的 BLOG
P
Proofpoint News Feed
U
Unit 42
Engineering at Meta
Engineering at Meta
WordPress大学
WordPress大学
博客园 - 三生石上(FineUI控件)
T
Tailwind CSS Blog
H
Help Net Security
博客园_首页
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
人人都是产品经理
人人都是产品经理

Nx Blog

Sharing Tailwind CSS Styles Across Apps in a Monorepo | Nx Blog How SiriusXM Stays Competitive by Iterating and Getting to Market Fast | Nx Blog Agentic Experience Is the New Developer Experience | Nx Blog Nx Joins the Linux Foundation and the Agentic AI Foundation | Nx Blog A Monorepo Is NOT a Monolith | Nx Blog Why we deleted (most of) our MCP tools | Nx Blog Teach Your AI Agent How to Work in a Monorepo | Nx Blog How Broadcom stays efficient and nimble with monorepos | Nx Blog Why Monorepos are King in the Age of AI | Nx Blog Nx 2026 Roadmap: Expanding Agent Autonomy, Improving Performance, Better Polyglot and More | Nx Blog End to End Autonomous AI Agent Workflows with Nx | Nx Blog Autonomous Agents at Scale | Nx Blog Scaling 700+ Projects: How Nx Became a 'No-Brainer' for Caseware | Nx Blog Configure Tailwind v4 with Angular in an Nx Monorepo | Nx Blog The Missing Multiplier for AI Agent Productivity | Nx Blog A Year of Nx Webinars | Nx Blog Wrapping Up 2025 | Nx Blog Nx 22.3 Release: Angular 21 Support, tsgo Compiler, and Prettier v3 | Nx Blog Nx Cloud Release: Agent Resource Usage | Nx Blog Nx Platform Outperforms DIY Cache by 5x | Nx Blog An Nx Carol: Past, Present, and Future of Your Monorepo | Nx Blog Nx 22.1 Release: Terminal UI on Windows, Storybook 10, Vitest 4, and more! | Nx Blog The Compounding Effect: How Nx Features Multiply Performance Gains | Nx Blog 10 Monorepo Myths Debunked: Separating Fact from Fiction | Nx Blog Nx Cloud Release: Enterprise Task Analytics | Nx Blog Watch and Rebuild Storybook Dependencies with Nx | Nx Blog Book - React for Enterprise: Timeless Architecture for Enterprise Apps | Nx Blog Beyond Remote Cache: Unlock 70% More CI Performance | Nx Blog Nx 22 Release: Expanding the build platform | Nx Blog What's the Point of Generating All This Code If You Can't Merge It? | Nx Blog
Nx MCP Now Available for VS Code Copilot | Nx Blog
Juri Strumpflohner · 2025-04-16 · via Nx Blog

Back in February we shipped the first version of Nx Console with AI features, directly integrating with GitHub Copilot's APIs to provide rich monorepo context. Now, VS Code has finally adopted the Model Context Protocol (MCP), and we've adapted our Cursor-based MCP implementation to work with all MCP clients, including Copilot. This integration makes your AI assistant even more powerful by providing rich context about your Nx workspace. Let's see how to set it up and what it can do for you.

Setting up MCP in VS Code

Getting started with Nx's MCP integration in VS Code is straightforward:

  1. Install Nx Console from the VS Code marketplace if you haven't already.
  2. Once installed, VS Code will show a notification to "Improve Copilot agent with Nx-specific context"
  3. Click "Yes" to automatically configure the Nx MCP server in your .vscode/mcp.json file

VS Code showing the Nx MCP installation prompt

Missed the notification?

If you missed the notification, you can always run the nx.configureMcpServer command from the command palette (Ctrl/Cmd + Shift + P).

VS Code will automatically start the MCP server when needed during your interactions with the LLM. You can verify the installation by checking your VS Code settings, where you should see the Nx MCP server listed along with its available tools.

Why Use Nx MCP in Your Monorepo?

While VS Code and Copilot can already gather information from your monorepo context, Nx MCP provides several advantages:

  1. Efficient Data Access: Instead of analyzing numerous files to infer relationships, Nx MCP provides direct access to pre-computed metadata about your workspace.
  2. Rich Project Context: Nx maintains detailed information about:
    • Project relationships and dependencies
    • Project tags and categorization
    • Available tasks and their configurations
    • Code ownership
    • And more...

This information is already maintained by Nx for optimizing your monorepo, and the Nx MCP makes it now available to your AI assistant as well. Most importantly, this enables Copilot to move beyond simple file-level understanding to gain more of an architectural awareness of your workspace. Instead of just seeing individual files and their contents, it now understands the broader context: how projects are connected, where integration points exist, which teams own what, and how changes might impact the broader system. This architectural awareness is particularly powerful in a monorepo setting, where understanding these relationships is crucial for making informed development decisions.

Nx MCP in Action

Let's look at some practical examples of how Nx MCP enhances your AI assistant's capabilities:

Understanding Project Relationships

You can ask questions about project dependencies and get accurate answers based on the actual project graph:

// Example query:
'Use the provided Nx MCP tools to figure out which order projects
are related to the data-access-order project';

The AI will use the nx_workspace tool to analyze project relationships and can even visualize them using the nx_visualize_graph tool, showing both direct dependencies and upstream projects.

Smart Code Generation

While LLMs can generate code on their own, Nx MCP provides a powerful combination of predictable code generation through Nx generators and AI-driven customization:

// Example query:
"Create a new feature library in packages/order/feat-cancel-order.
Make it a React library and link it to the data-access-order project.
Don't use a bundler or generate components."

The AI will:

  1. Use nx_generators to identify available generators
  2. Execute the React library generator with precise options
  3. Set up proper project tags and dependencies

Documentation-Aware Configuration

To prevent hallucination and ensure up-to-date information, Nx MCP provides access to the current Nx documentation:

// Example query:
'Add a task pipeline in nx.json that runs the build of all downstream projects before the dev command';

The AI will:

  1. Query the Nx docs for task pipeline configuration
  2. Update nx.json with the correct syntax
  3. Configure the dependencies accurately

Beyond File-Level Thinking

This integration isn't just about fancy AI features - it's about making your existing editor experience more productive by integrating AI capabilities where they actually make sense. Instead of jumping on the AI hype train, we're focusing on exposing Nx's deep understanding of your workspace directly in your editor through tools like Copilot. This enables:

  • More precise and contextual suggestions
  • Architecture-aware refactoring
  • Better understanding of project boundaries and relationships
  • Improved onboarding assistance for new team members

We're actively developing this integration and would love to hear your feedback! If you have ideas about what you'd like to see or how we can make this more useful for your workflow, reach out to us on Twitter/X, Bluesky, LinkedIn, or join our weekly office hours on Discord.

Also, subscribe to our YouTube channel for upcoming feature announcements and demonstrations.

Want to try it out? Install Nx Console from the VS Code marketplace and follow the MCP setup prompts to get started.


Learn more: