nx-plugins skill

safe

This skill helps you discover and install Nx plugins to enhance your workspace, enabling framework support and streamlined tooling.

npx playbooks add skill nrwl/nx --skill nx-plugins

Review the files below or copy the command above to add this skill to your agents.

Files (1)

SKILL.md

355 B

---
name: nx-plugins
description: Find and add Nx plugins. USE WHEN user wants to discover available plugins, install a new plugin, or add support for a specific framework or technology to the workspace.
---

## Finding and Installing new plugins

- List plugins: `pnpm nx list`
- Install plugins `pnpm nx add <plugin>`. Example: `pnpm nx add @nx/react`.

Overview

This skill helps you discover and add Nx plugins to a workspace quickly. It guides finding available plugins and installing them so you can add framework or tooling support to your monorepo. Use it to accelerate setup for Angular, React, Next.js, Storybook, Cypress, and other integrations.

How this skill works

The skill lists available plugins registered with Nx and runs the Nx plugin installer to add selected plugins to your workspace. It leverages the pnpm-powered Nx CLI commands: use pnpm nx list to enumerate plugins and pnpm nx add <plugin> to install and wire a plugin into your repo. It can suggest the correct plugin name (for example pnpm nx add @nx/react) and outline post-install steps.

When to use it

You need to discover what official or community Nx plugins are available for a technology.
You want to add first-class support for a framework (React, Angular, Next.js) to your workspace.
You’re configuring CI/build tooling or adding testing/storybook integrations.
You’re onboarding a new project into a monorepo and need consistent generators and executors.
You need to quickly fix failing PRs by adding missing tooling or builders.

Best practices

Run pnpm nx list first to confirm the exact plugin package name before installing.
Prefer official @nx/* packages when they exist for better compatibility and updates.
Review the plugin’s README and migration notes after pnpm nx add to handle required changes.
Run workspace tests and affected builds after adding a plugin to catch integration issues early.
Pin plugin versions in package.json or use pnpm lockfile to ensure reproducible installs.

Example use cases

Discovering Nx plugins that add Storybook or Cypress support to standardize testing across apps.
Installing React support with pnpm nx add @nx/react when creating a new React app in the monorepo.
Adding Next.js capabilities to an existing workspace to host SSR apps alongside libraries.
Installing build optimizers and caching plugins to speed up CI and reduce PR feedback time.

FAQ

How do I list available Nx plugins?

Run pnpm nx list to see plugins that Nx can add to your workspace.

How do I install a plugin?

Use pnpm nx add <plugin>. For example, pnpm nx add @nx/react installs React support and sets up generators.