igniteui-angular-build

Quick-reference for building the core Ignite UI for Angular library and related packages. Covers the full production build (`build:lib`), individual partial builds (styles, extras, migrations, schematics, i18n, elements), and the combined build-all command. Use when an agent needs to compile the library, produce a dist output, or verify that code changes compile cleanly. Do NOT use for running tests — use igniteui-angular-testing instead. Do NOT use for linting — use igniteui-angular-linting instead.

Jump to install Review files

Repository: IgniteUI/igniteui-angular
Last source activity: September 24, 2026 at 15:39
Detected SKILL.md language: English
Stars: 600
Forks: 161

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install only the Agent Skill at https://github.com/IgniteUI/igniteui-angular/tree/master/.agents/skills/igniteui-angular-build.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/IgniteUI/igniteui-angular --skill igniteui-angular-build

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

name: igniteui-angular-build
description: Quick-reference for building the core Ignite UI for Angular library and related packages. Covers the full production build (`build:lib`), individual partial builds (styles, extras, migrations, schematics, i18n, elements), and the combined build-all command. Use when an agent needs to compile the library, produce a dist output, or verify that code changes compile cleanly. Do NOT use for running tests — use igniteui-angular-testing instead. Do NOT use for linting — use igniteui-angular-linting instead.
user-invocable: true

# Ignite UI for Angular — Build Quick-reference card for the core library and related build commands in this repository. ## Prerequisites - Run `npm install` at the repo root before any build command. ## Full Build ```bash npm run build ``` Runs all sub-builds in sequence (library, elements, schematics, migrations, i18n, extras). Use this when you need a complete publishable output or before running the full CI pipeline locally. Check `package.json` for the exact sequence. ## Library Build (most common) ```bash npm run build:lib ``` This is the primary build command. It does two things: 1. `ng build igniteui-angular --configuration production` — compiles the library with ng-packagr using Angular Package Format. Uses `ng-package.prod.json` (production config). 2. `npm run build:styles` — runs `node scripts/build-styles.mjs` to compile and bundle Sass themes into distributable CSS. **Output**: `dist/igniteui-angular/` ### When to use `build:lib` - After implementing a feature or fix, to verify the code compiles. - Before checking that new public symbols are correctly exported. - When another project needs to consume a local build of the library. ## Partial Builds | Command | What it does | |---|---| | `npm run build:styles` | Compiles Sass themes only (`scripts/build-styles.mjs`). Already included in `build:lib`. | | `npm run build:extras` | Builds the extras package and then runs extras migrations. | | `npm run build:schematics` | Copies and compiles `ng add` schematics (`projects/igniteui-angular/schematics/`). | | `npm run build:migrations` | Copies and compiles `ng update` migration schematics (`projects/igniteui-angular/migrations/`). | | `npm run build:i18n` | Compiles the i18n package (`projects/igniteui-angular-i18n/`). | | `npm run build:elements` | Builds the Angular Elements package + bundling + style copy. | | `npm run build:docs` | Generates TypeDoc + SassDoc documentation. | ### When to use partial builds - **`build:schematics`** — after editing files under `projects/igniteui-angular/schematics/`. - **`build:migrations`** — after editing files under `projects/igniteui-angular/migrations/`. Required before running `test:schematics`. - **`build:extras`** — after editing the extras package or when validating the full root `build` flow. - **`build:i18n`** — after changing i18n resource strings. - **`build:elements`** — when working on the Angular Elements wrapper. ## Key Paths | Path | Purpose | |---|---| | `projects/igniteui-angular/` | Library source root | | `projects/igniteui-angular/ng-package.prod.json` | Production ng-packagr config | | `projects/igniteui-angular/ng-package.json` | Dev ng-packagr config (preserves dest) | | `dist/igniteui-angular/` | Build output | | `scripts/build-styles.mjs` | Sass theme compilation script | ## Related Skills - [`igniteui-angular-testing`](../igniteui-angular-testing/SKILL.md) — Running tests - [`igniteui-angular-linting`](../igniteui-angular-linting/SKILL.md) — Linting code and styles

View on GitHub

Back to search Back to installation

igniteui-angular-testing

Quick-reference for running Ignite UI for Angular test suites. Covers the full library run (`test:lib`) on Vitest browser mode through the Angular unit-test builder, running a subset with `--include`/`--filter`, watch mode, extras/elements suites, and auxiliary suites (schematics, styles, i18n). WHEN TO USE: running, selecting, or understanding the test infrastructure. WHEN NOT TO USE: building (use igniteui-angular-build) or linting (use igniteui-angular-linting).

2026-10-20

igniteui-angular-components

Covers all non-grid Ignite UI for Angular UI components: application scaffolding and setup, form controls (inputs, combos, selects, date/time pickers, calendar, checkbox, radio, switch, slider), layout containers (tabs, stepper, accordion, splitter, navigation drawer), data-display components (list, tree, card, chips, carousel, paginator, progress indicators, chat), feedback overlays (dialog, snackbar, toast, banner), directives (button, icon button, button group, ripple, tooltip, drag-and-drop), Dock Manager, Layout Manager, Tile Manager, and Charts. WHEN TO USE: users ask about any Ignite UI Angular component that is NOT a data grid, such as forms, dropdowns, pickers, dialogs, navigation, lists, trees, cards, charts, or initial project setup. WHEN NOT TO USE: data grids, tables, or tabular data (use igniteui-angular-grids); theming or styling (use igniteui-angular-theming).

2026-10-12

igniteui-angular-grids

Provides guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) including setup, column configuration, sorting, filtering, selection, editing, grouping, summaries, toolbar, export, paging, remote data, and state persistence. WHEN TO USE: users ask about grids, tables, data grids, tabular data display, cell editing, batch editing, row selection, column pinning, column hiding, grouping rows, pivot tables, tree-structured data, hierarchical data, master-detail views, or exporting grid data. WHEN NOT TO USE: non-grid UI components such as forms, dialogs, navigation, or charts (use igniteui-angular-components); theming or styling (use igniteui-angular-theming).

2026-10-05

View all from this repository

igniteui-angular-build

Source facts

Install options

Install with an AI assistant

Review the source files

More from this repository

Install with an AI assistant

More from this repository