Skill improvements (#16983)

* Updating the pivot grid config

* improve skills

Author: zdrawku

skills/igniteui-angular-components/SKILL.md

@@ -18,13 +18,10 @@ You are **required** to complete ALL of the following steps before producing any
 **STEP 1 — Identify every component or feature involved.**
 Map the user's request to one or more rows in the Task → Reference File table below. A single request often spans multiple categories (e.g., a form inside a Dialog requires reading both `form-controls.md` AND `feedback.md`).
 
-**STEP 2 — Read every identified reference file in full.**
-Call `read_file` (or equivalent) on each reference file identified in Step 1. You must do this even if you believe you already know the answer. Do not skip, skim, or partially read a reference file.
+**STEP 2 — Read every identified reference file in full (PARALLEL).**
+Call `read_file` (or equivalent) on **all** reference files identified in Step 1 **in a single parallel batch** — do NOT read them one at a time sequentially. You must do this even if you believe you already know the answer. Do not skip, skim, or partially read a reference file.
 
-**STEP 3 — Check app setup.**
-If the component is new to the project (or you're scaffolding a new feature), also read [`references/setup.md`](./references/setup.md) to verify the correct providers and entry-point import patterns. Missing `provideAnimations()` is the most common source of runtime failures.
-
-**STEP 4 — Only then produce output.**
+**STEP 3 — Only then produce output.**
 Base your code and explanation exclusively on what you read. If the reference files do not cover something, say so explicitly rather than guessing.
 
 ### Task → Reference File

skills/igniteui-angular-grids/SKILL.md

@@ -21,8 +21,8 @@ Use the Grid Selection Decision Guide below. If the grid type is not explicitly
 **STEP 2 — Identify every task category involved.**
 Map the user's request to one or more rows in the Task → Reference File table below. A single request often spans multiple categories (e.g., remote paging AND editing requires reading both `paging-remote.md` AND `editing.md`).
 
-**STEP 3 — Read every identified reference file in full.**
-Call `read_file` (or equivalent) on each reference file identified in Step 2. You must do this even if you believe you already know the answer. Do not skip, skim, or partially read a reference file.
+**STEP 3 — Read every identified reference file in full (PARALLEL).**
+Call `read_file` (or equivalent) on **all** reference files identified in Step 2 **in a single parallel batch** — do NOT read them one at a time sequentially. You must do this even if you believe you already know the answer. Do not skip, skim, or partially read a reference file.
 
 **STEP 4 — Only then produce output.**
 Base your code and explanation exclusively on what you read in Step 3. If the reference files do not cover something, say so explicitly rather than guessing.

skills/igniteui-angular-grids/references/types.md

@@ -356,41 +356,91 @@ For **pivot table analytics** where users reshape data by dragging dimensions be
 > **IMPORTANT**: The Pivot Grid is fundamentally different from the other three grids. Standard grid features like cell editing, row editing, batch editing, paging, column pinning, column moving, row dragging, and standard filtering/sorting are **disabled**. All data operations are driven by the `pivotConfiguration`.
 
 ```typescript
-import { Component, ChangeDetectionStrategy, signal, viewChild } from '@angular/core';
-import { IgxPivotGridComponent, IGX_PIVOT_GRID_DIRECTIVES } from 'igniteui-angular/grids/pivot-grid';
+import { Component } from "@angular/core";
+import { DATA } from '../../data/pivot-data';
+
 import { IPivotConfiguration, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core';
+import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid';
 
 @Component({
-  selector: 'app-sales-pivot',
-  imports: [IGX_PIVOT_GRID_DIRECTIVES],
-  templateUrl: './sales-pivot.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'app-pivot-grid-basic-sample',
+    styleUrls: ['./pivot-grid-basic-sample.component.scss'],
+    templateUrl: './pivot-grid-basic-sample.component.html',
+    imports: [IgxPivotGridComponent]
 })
-export class SalesPivotComponent {
-  pivotGridRef = viewChild.required<IgxPivotGridComponent>('pivotGrid');
-  salesData = signal<Sale[]>([]);
-
-  pivotConfig: IPivotConfiguration = {
-    columns: [{ memberName: 'Quarter', enabled: true }],
-    rows: [{ memberName: 'Region', enabled: true }],
-    values: [{
-      member: 'Revenue',
-      aggregate: { aggregator: IgxPivotNumericAggregate.sum, key: 'SUM', label: 'Sum' },
-      enabled: true
-    }],
-    filters: [{ memberName: 'Year', enabled: true }]
-  };
+export class PivotGridBasicSampleComponent {
+    public data = DATA;
+    public pivotConfigHierarchy: IPivotConfiguration = {
+        columns: [
+            {
+
+                memberName: 'Product',
+                memberFunction: (data) => data.Product.Name,
+                enabled: true
+            }
+            
+        ],
+        rows: [
+            {
+                memberName: 'Seller',
+                memberFunction: (data) => data.Seller.Name,
+                enabled: true
+            }
+        ],
+        values: [
+            {
+                member: 'NumberOfUnits',
+                aggregate: {
+                    aggregator: IgxPivotNumericAggregate.sum,
+                    key: 'sum',
+                    label: 'Sum'
+                },
+                enabled: true
+
+            }
+        ],
+        filters: null
+    };
 }
 ```
 
 ```html
-<igx-pivot-grid #pivotGrid
-  [data]="salesData()"
-  [pivotConfiguration]="pivotConfig"
-  height="600px">
+<igx-pivot-grid #grid1 [data]="data" [pivotConfiguration]="pivotConfigHierarchy" height="500px">
 </igx-pivot-grid>
 ```
 
+```json
+export const DATA = [
+    {
+        Product: {
+            Name: 'Clothing',
+            UnitPrice: '12.814860936633712'
+        },
+        Seller: {
+            Name: 'Stanley Brooker',
+            City: 'Seattle'
+        },
+        Date: '2007-01-01T00:00:00',
+        Value: '94.2652032683907',
+        NumberOfUnits: '282'
+    },
+    {
+        Product: {
+            Name: 'Clothing',
+            UnitPrice: '49.579375120615296'
+        },
+        Seller: {
+            Name: 'Elisa Longbottom',
+            City: 'Sofia'
+        },
+        Date: '2007-01-05T00:00:00',
+        Value: '70.798922689072285',
+        NumberOfUnits: '296'
+    }
+    ...
+];
+```
+
 ### Pivot Data Selector
 
 Provide a drag-and-drop UI for users to reshape the pivot interactively: