Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
oguzhan18 avatar

Nx

  • 166 installs
  • 6 repo stars
  • Updated April 4, 2026
  • oguzhan18/angular-ecosystem-skills

Scaffold, organize, and run Nx monorepos with affected commands, project graphs, generators, and shared libraries for Angular and full-stack workspaces.

About

Covers Nx monorepo practices from the Angular ecosystem skills pack: creating workspaces, configuring executors and targets, leveraging affected graph commands for fast CI, enforcing module boundaries, and structuring multi-app Angular or polyglot repos for scalable team delivery.

  • Workspace generators and presets
  • Affected builds and tests
  • Project graph and dependency rules
  • Shared library boundaries
  • CI cache and distributed task runners

Nx by the numbers

  • 166 all-time installs (skills.sh)
  • Ranked #436 of 1,435 DevOps & CI/CD skills by installs in the Skillselion catalog
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill nx

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs166
repo stars6
Last updatedApril 4, 2026
Repositoryoguzhan18/angular-ecosystem-skills

What it does

Scaffold, organize, and run Nx monorepos with affected commands, project graphs, generators, and shared libraries for Angular and full-stack workspaces.

Files

SKILL.mdMarkdownGitHub ↗

Nx (Smart, Fast, Extensible Build System)

Version: 22.x (2025) Tags: Monorepo, Build System, Angular, React, Node

References: Docs — guides, tutorials • GitHubEnterprise Patterns Book

API Changes

This section documents recent version-specific API changes.

  • NEW: TypeScript Project References — Faster builds and type checks using modern TypeScript setup source
  • NEW: pnpm catalog support — Manage single version policy with pnpm catalogs source
  • NEW: Angular Rspack support — Fast bundler for Angular projects source
  • NEW: AI Agent integration — Code mode for better LLM context management source
  • NEW: Polyglot workspaces — Native support for Gradle, Maven, .NET alongside JS/TS projects

Best Practices

  • Use domain-based folder structure — Group projects by business domain
libs/
├── auth/
│   ├── feature-login/
│   └── data-access/
├── products/
│   ├── feature-list/
│   └── ui/
└── shared/
    ├── ui/
    └── utils/
  • Use Nx generators — Scaffold consistent code across workspace
# Create new library
nx g @nx/angular:library --name=shared-data-access --directory=libs/shared/data-access

# Create new feature
nx g @nx/angular:component --name=user-profile --project=my-app
  • Use affected commands — Only run tasks on changed projects
nx affected:build     # Build only changed projects
nx affected:test      # Test only changed projects
nx affected:lint     # Lint only changed projects
  • Use shared libraries — Avoid code duplication with common utilities
  • Configure task dependencies — Define how tasks depend on each other in project.json
{
  "build": {
    "dependsOn": ["^build"]
  }
}
  • Use Nx Cloud — Enable distributed caching for faster CI
  • Use nx.json and tsconfig.base.json — Enforce consistent settings across projects
  • Use @nx/angular:component generator — Follow workspace conventions for components

Related skills

DevOps & CI/CDdevopsfrontendbackend

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.