igniteui/igniteui-angular-linting
.github/skills/igniteui-angular-linting/SKILL.md
Quick-reference for linting the core Ignite UI for Angular library. Covers the combined lint command (`lint:lib`), ESLint for TypeScript and templates, and Stylelint for Sass/SCSS styles. Use when an agent needs to run the main linters, fix lint errors, or understand the primary lint configuration. Do NOT use for building — use igniteui-angular-build instead. Do NOT use for running tests — use igniteui-angular-testing instead.
$ install --global
skillsauthnpx skillsauth add igniteui/igniteui-angular igniteui-angular-lintingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 5, 2026, 8:05 PM13.9s1 file scanned
SKILL.md
- name:
- igniteui-angular-linting
- description:
- Quick-reference for linting the core Ignite UI for Angular library. Covers the combined lint command (`lint:lib`), ESLint for TypeScript and templates, and Stylelint for Sass/SCSS styles. Use when an agent needs to run the main linters, fix lint errors, or understand the primary lint configuration. Do NOT use for building — use igniteui-angular-build instead. Do NOT use for running tests — use igniteui-angular-testing instead.
- user-invocable:
- true
Ignite UI for Angular — Linting
Quick-reference card for the core lint commands for the main library in this repository.
Prerequisites
- Run
npm installat the repo root.
Commands
| Command | What it runs |
|---|---|
| npm run lint:lib | ESLint + Stylelint (both — use this as the default) |
| npm run lint:styles | Stylelint only (Sass/SCSS files) |
| npm run lint | ng lint — ESLint only (TypeScript + templates) |
| ng lint --fix | Quick fix for tool identifiable fixes |
lint:lib (recommended)
npm run lint:lib
This is the combined command and the one agents should run before considering work complete. It executes:
ng lint— ESLint on TypeScript source and Angular templates, using the config atprojects/igniteui-angular/eslint.config.mjs.npm run lint:styles— Stylelint on Sass files underprojects/igniteui-angular/core/src/core/styles.
Lint Styles Only
npm run lint:styles
Runs stylelint "projects/igniteui-angular/core/src/core/styles". Use when you only changed SCSS/Sass and want a faster check.
Configuration Files
| File | Purpose |
|---|---|
| eslint.config.mjs (repo root) | Root ESLint config |
| projects/igniteui-angular/eslint.config.mjs | Library-specific ESLint config (referenced in angular.json) |
| .stylelintrc.json (repo root) | Root Stylelint config used by npm run lint:styles |
Agent Rules
- Always run
npm run lint:libbefore marking work complete — this is a requirement from AGENTS.md. - Fix all lint errors before committing. Do not disable rules without justification.
- If a lint rule conflicts with the intended change, investigate whether the rule is correct before suppressing it.
Related Skills
igniteui-angular-build— Building the libraryigniteui-angular-testing— Running tests
Related Skills
igniteui/igniteui-angular-theming
tools
VerifiedTrustedCommunity
Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server. Use when users ask to theme, restyle, or style Ignite UI components, change colors or the color palette, switch between light and dark themes, create or apply a global theme, customize typography or elevation shadows, adjust spacing, sizing, or roundness, or configure per-component design tokens. Do NOT use for component behavior, APIs, or data binding — use igniteui-angular-components or igniteui-angular-grids instead.
598SKILL.mdUpdated Apr 5, 2026
igniteui/igniteui-angular-grids
tools
VerifiedTrustedCommunity
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. Use when 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. Do NOT use for non-grid UI components (forms, dialogs, navigation, charts) — use igniteui-angular-components instead. Do NOT use for theming or styling — use igniteui-angular-theming instead.
598SKILL.mdUpdated Apr 5, 2026
igniteui/igniteui-angular-components
tools
VerifiedTrustedCommunity
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. Use when 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. Do NOT use for data grids, tables, or tabular data — use igniteui-angular-grids instead. Do NOT use for theming or styling — use igniteui-angular-theming instead.
598SKILL.mdUpdated Apr 5, 2026
igniteui/igniteui-angular-testing
development
VerifiedTrustedCommunity
Quick-reference for running Ignite UI for Angular test suites. Covers the full test run (`test:lib`), grid-specific suites (grid, tree-grid, hierarchical-grid, pivot-grid), non-grid tests, watch mode, and auxiliary test suites (schematics, styles, i18n). Use when an agent needs to run, select, or understand the test infrastructure. Do NOT use for building — use igniteui-angular-build instead. Do NOT use for linting — use igniteui-angular-linting instead.
598SKILL.mdUpdated Apr 5, 2026