Agent skill

Igniteui Angular Grids

by IgniteUI in IgniteUI/igniteui-angular

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…

MITAuto-check passedDocuments & Office

Install Igniteui Angular Grids

skills CLI

$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install IgniteUI/igniteui-angular igniteui-angular-grids --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/igniteui-angular-grids .claude/skills/igniteui-angular-grids && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "igniteui-angular-grids" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/skills/igniteui-angular-grids into .claude/skills/igniteui-angular-grids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-grids", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/IgniteUI/igniteui-angular/tree/master/skills/igniteui-angular-grids

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install IgniteUI/igniteui-angular igniteui-angular-grids --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/igniteui-angular-grids .agents/skills/igniteui-angular-grids && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "igniteui-angular-grids" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/skills/igniteui-angular-grids into .agents/skills/igniteui-angular-grids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-grids", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install IgniteUI/igniteui-angular igniteui-angular-grids --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/igniteui-angular-grids .cursor/skills/igniteui-angular-grids && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "igniteui-angular-grids" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/skills/igniteui-angular-grids into .cursor/skills/igniteui-angular-grids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-grids", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/IgniteUI/igniteui-angular.git --path skills/igniteui-angular-grids

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install IgniteUI/igniteui-angular igniteui-angular-grids --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/igniteui-angular-grids .gemini/skills/igniteui-angular-grids && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "igniteui-angular-grids" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/skills/igniteui-angular-grids into .gemini/skills/igniteui-angular-grids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-grids", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install IgniteUI/igniteui-angular igniteui-angular-grids

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/igniteui-angular-grids .github/skills/igniteui-angular-grids && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "igniteui-angular-grids" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/skills/igniteui-angular-grids into .github/skills/igniteui-angular-grids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-grids", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install IgniteUI/igniteui-angular igniteui-angular-grids --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/IgniteUI/igniteui-angular.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/igniteui-angular-grids .opencode/skills/igniteui-angular-grids && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "igniteui-angular-grids" agent skill from https://github.com/IgniteUI/igniteui-angular/tree/master/skills/igniteui-angular-grids into .opencode/skills/igniteui-angular-grids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "igniteui-angular-grids", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: igniteui-angular-grids
GitHub stars: 599
Token cost: ~2.6k tokens
SKILL.md length: 1,088 words
Files: 10 (incl. references)
Skills in repo: 9
Repo updated: Oct 6, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

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…

Works in 4 steps: Identify the grid type. Use the Grid… → Identify every task category involved.… → Read every identified reference file in… → …
Tasks that involve Theming and dark mode
SKILL.md covers Ignite UI CLI MCP Server…, Required Workflow, Overview and Prerequisites, plus 1 more section
Calls npx

What it does

Igniteui Angular Grids is an agent skill from IgniteUI/igniteui-angular. 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…

Its SKILL.md is about 2.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including reference files (for example `references/data-operations.md`, `references/editing.md` and `references/features.md`).

It sits in Documents & Office, covering Theming and dark mode, Agent memory and Excel spreadsheets. It works with Angular and Model Context Protocol. The repository describes itself as: Ignite UI for Angular is a complete library of Angular UI components with the fastest grids and charts, dock manager, and more. The licence is MIT.

When your agent uses it

Tasks that involve Theming and dark mode
Tasks that involve Agent memory
Tasks that involve Excel spreadsheets

Example prompts

“Use the igniteui-angular-grids skill to provide guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid…”
“/igniteui-angular-grids”

Requirements

Node.js

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

Identify the grid type. Use the Grid Selection Decision Guide below. If the grid type is not explicitly stated, infer it from context or…
Identify every task category involved. Map the user's request to one or more rows in the Task → Reference File table below. A single…
Read every identified reference file in full, in a single parallel batch of file reads — even if you believe you already know the answer.
Then produce output, based only on what you read. If something is not covered by the reference files, look it up with…

What it can do on your machine

Read from SKILL.md and the folder at commit 436e825. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Igniteui Angular Grids loads about 2.6k tokens when it runs, and up to ~32k if it reads all its reference files. Until then it costs about 188 tokens; SKILL.md has 1,088 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~188
When it runs · the whole SKILL.md, loaded when a task matches: ~2.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~32k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from IgniteUI/igniteui-angular at commit 436e825, republished under its MIT licence (© IgniteUI). 1,088 words, ~2,563 tokens.

Download SKILL.mdSave it as .claude/skills/igniteui-angular-grids/SKILL.md (or your agent's skills folder). This skill also uses 9 other files; get the full folder from GitHub.

name: igniteui-angular-grids
description: 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).
license: MIT
user-invocable: true

Ignite UI for Angular — Data Grids

Ignite UI CLI MCP Server (required)

Verify the igniteui-cli MCP server before any other step by calling list_components with framework: "angular". If the tool is not available, follow the setup procedure in igniteui-angular-components: configure it yourself with npx -y igniteui-cli ai-config (or ig ai-config), ask the user to reload the editor or agent session and stop, and continue without the server only if the user explicitly asks to.

Required Workflow

This file is a routing hub only. It contains no code examples and no API details. Grid APIs change between releases, so never write component selectors, import paths, method names, or property names from memory — read the relevant reference files first.

Identify the grid type. Use the Grid Selection Decision Guide below. If the grid type is not explicitly stated, infer it from context or ask.
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 plus editing requires both paging-remote.md and editing.md).
Read every identified reference file in full, in a single parallel batch of file reads — even if you believe you already know the answer.
Then produce output, based only on what you read. If something is not covered by the reference files, look it up with get_doc/search_docs/search_api from the igniteui-cli MCP server. Never guess — if the MCP server cannot answer it, state explicitly that the detail is unverified.

Task → Reference File

Task	Reference file to read
Grid type selection, column config, column templates, column groups, MRL, pinning, sorting UI, filtering UI, selection	`references/structure.md`
Grouping, summaries, cell merging, toolbar, export, row drag, action strip, master-detail, clipboard	`references/features.md`
Tree Grid specifics, Hierarchical Grid specifics, Grid Lite setup, Grid Lite data operations, Pivot Grid setup	`references/types.md`
Programmatic sorting / filtering / grouping, canonical import patterns, `viewChild` access	`references/data-operations.md`
Cell editing, row editing, batch editing, transactions, validation, summaries	`references/editing.md`
Paging, remote data, server-side ops, noop strategies, virtual scroll, multi-grid coordination	`references/paging-remote.md`
State persistence, Tree Grid / Hierarchical Grid / Pivot Grid data operations	`references/state.md`
Grid sizing (width, height, column sizing, null/px/% modes, cell spacing CSS variables)	`references/sizing.md`
Migrating from Grid Lite (`igx-grid-lite`) to the full `igx-grid` when features outgrow Grid Lite	`references/grid-migration.md`

When in doubt, read more rather than fewer reference files — an unnecessary file read is cheap; a hallucinated API is a broken application.

Overview

This skill gives high-level guidance on grids and their features. The igniteui-cli MCP server has full docs for grid toolbars and export (grid-toolbar, grid-export-excel, exporter-pdf, and the tree/hierarchical/pivot variants — call list_components to see the current catalog) and an API-member index via search_api/get_api_reference for member-level lookups. For everything else, the reference files below are the primary guidance.

Prerequisites

An Angular project on the major version matching the installed igniteui-angular package (igniteui-angular majors track Angular majors)
igniteui-angular installed, or @infragistics/igniteui-angular for licensed users — both packages share the same entry-point structure
A theme applied (see igniteui-angular-theming)

Choosing the Right Grid

Ignite UI has five grid types. Picking the correct one is the most important decision — each has different data structures, features, and constraints.

Grid Selection Decision Guide

Ask these questions in order:

Does the user need a lightweight, read-only data display with sorting, filtering, and virtualization but no editing, selection, or paging? → Grid Lite (open-source, MIT licensed). If the user later needs features beyond Grid Lite's capabilities, upgrade strictly to igx-grid (IgxGridComponent) — never recommend non-grid components as a substitute.
Does the user need pivot-table analytics (rows/columns/values/aggregations that users can drag-and-drop to reshape)? → Pivot Grid
Does the data have parent-child relationships where each level has a DIFFERENT schema (e.g., Companies → Departments → Employees)? → Hierarchical Grid
Does the data have parent-child relationships within a SINGLE schema (e.g., Employees with a managerId field, or nested children arrays)? → Tree Grid
Is the data a flat list/table with enterprise features needed (editing, batch editing, grouping, paging, export, etc.)? → Flat Grid

After choosing the grid type, you must still complete Steps 2–4 from the mandatory protocol above — return to the routing table and read every applicable references/ file before writing any code. The decision guide and the tables on this page are discovery aids only; they do not replace the reference files.

Show full SKILL.md (379 more words)Show less

Grid Types & Imports

Important: Check package.json to determine whether the project uses igniteui-angular or @infragistics/igniteui-angular. Always import from the specific entry point. Never import from the root barrel of either package.

Grid	Selector	Component	Directives	Entry Point
Grid Lite	`igx-grid-lite`	`IgxGridLiteComponent`	Individual imports	`igniteui-angular/grids/lite`
Flat Grid	`igx-grid`	`IgxGridComponent`	`IGX_GRID_DIRECTIVES`	`igniteui-angular/grids/grid`
Tree Grid	`igx-tree-grid`	`IgxTreeGridComponent`	`IGX_TREE_GRID_DIRECTIVES`	`igniteui-angular/grids/tree-grid`
Hierarchical Grid	`igx-hierarchical-grid`	`IgxHierarchicalGridComponent`	`IGX_HIERARCHICAL_GRID_DIRECTIVES`	`igniteui-angular/grids/hierarchical-grid`
Pivot Grid	`igx-pivot-grid`	`IgxPivotGridComponent`	`IGX_PIVOT_GRID_DIRECTIVES`	`igniteui-angular/grids/pivot-grid`

Replace igniteui-angular with @infragistics/igniteui-angular for the licensed package — entry-point paths are identical.

Universal Rules (every grid type)

Use the matching component type for viewChild — IgxGridLiteComponent, IgxGridComponent, IgxTreeGridComponent, IgxHierarchicalGridComponent, or IgxPivotGridComponent
Import the matching directives bundle from the table above — or individual imports for Grid Lite
Use signals for data — [data]="myData()" with signal<T[]>([])
Virtualization is automatic (rows and columns) — never wrap a grid in a virtual-scroll container; set a fixed height instead

Important — Documentation URL Pattern: For grid-specific topics (sorting, filtering, editing, paging, etc.), docs URLs follow this naming pattern per grid type:

Grid Lite: .../components/grid-lite/{topic}

Flat Grid: .../components/grid/{topic}

Tree Grid: .../components/treegrid/{topic}

Hierarchical Grid: .../components/hierarchicalgrid/{topic}

Pivot Grid: .../components/pivotGrid/{topic}

Feature Availability per Grid Type

Feature	Grid Lite	Flat Grid	Tree Grid	Hierarchical Grid	Pivot Grid
Column sorting	Yes	Yes	Yes (per-level)	Yes (per grid level)	Per-dimension only
Column filtering	Yes	Yes	Yes (recursive — keeps matching parents)	Yes (per grid level)	Per-dimension only
GroupBy	No	Yes (built-in `groupBy()` API)	Yes (via `igx-tree-grid-group-by-area` + grouping pipe)	No	Inherent via dimensions
Paging	No	Yes	Yes	Yes (each level independent)	No
Batch editing	No	Yes	Yes (hierarchical transactions)	Yes (propagated from root)	No
Cell / Row editing	No	Yes	Yes	Yes (per grid level)	No
Row adding	No	Yes	Yes (with parent support)	Yes (per grid level)	No
Master-Detail	No	Exclusive	No	No (use row islands)	No
Row selection	No	Yes	Yes + `multipleCascade`	Yes (per grid level)	Limited
Load on demand	No	No	Exclusive	No	No
Column pinning / moving	No	Yes	Yes	Yes	No
Column hiding	Yes	Yes	Yes	Yes	No
Column resizing	Yes	Yes	Yes	Yes	No
Summaries	No	Yes	Yes (per-level)	Yes (per grid level)	Horizontal summaries only
State persistence	No	Yes	Yes	Yes + row island state	Pivot config serialization
Remote data ops	`dataPipelineConfiguration`	Events + noop strategies	Events + noop strategies	Events + noop strategies	N/A
Row virtualization	Yes	Yes (rows + columns)	Yes (rows + columns)	Yes (rows + columns)	Yes

Files

SKILL.md and 9 other files (references) in skills/igniteui-angular-grids of IgniteUI/igniteui-angular.

SKILL.md
references/data-operations.md
references/editing.md
references/features.md
references/grid-migration.md
references/paging-remote.md
references/sizing.md
references/state.md
references/structure.md
references/types.md

Open the folder on GitHubat commit 436e825

Compare with similar skills

Igniteui Angular Grids next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Igniteui Angular Grids compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Igniteui Angular Grids this skillIgniteUI/igniteui-angular	599	—	~2.6k	Automated safety check: Pass	MIT	yesterday
Igniteui Wc Migrate Grid Lite To PremiumIgniteUI/igniteui-webcomponents	170	—	~4.3k	Automated safety check: Pass	MIT	today
Svgridsv-grid/sv-grid	179	—	~2.4k	Automated safety check: Pass	Custom licence	today
Igniteui Wc Figma To AppIgniteUI/igniteui-webcomponents	170	—	~7.2k	Automated safety check: Pass	MIT	today
Apify Marketing Agency Databaseapify/awesome-skills	262	—	~2.5k	Automated safety check: Pass	MIT	14 days ago
Golemuigolemui/golemui	113	—	~2.2k	Automated safety check: Pass	MIT	yesterday

Similar skills

Igniteui Wc Migrate Grid Lite To Premium
IgniteUI/igniteui-webcomponents
Step-by-step migration from igniteui-grid-lite (IgcGridLite, <igc-grid-lite) to the premium igniteui-webcomponents-grids data grid (IgcGridComponent, <igc-grid), covering imports, class names, HTML…
170 GitHub stars~4.3k tokensUpdated today
Documents & OfficeAuto-check passed
Svgrid
sv-grid/sv-grid
Writes, fixes, and reviews SvGrid data-grid code in Svelte 5 projects - columns, features, inline editing, filtering, theming with --sg- tokens, server-side data, the built-in AI helpers, and the…
179 GitHub stars~2.4k tokensUpdated today
Documents & OfficeAuto-check passed
Igniteui Wc Figma To App
IgniteUI/igniteui-webcomponents
Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames.
170 GitHub stars~7.2k tokensUpdated today
Frontend & DesignAuto-check passed
Apify Marketing Agency Database
apify/awesome-skills
Official
Build a marketing agency database from Clutch.co with the Clutch.co Agency API Actor (johnvc/clutch-agency-api).
262 GitHub stars~2.5k tokensUpdated 14 days ago
Documents & OfficeAuto-check passed
Golemui
golemui/golemui
Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.
113 GitHub stars~2.2k tokensUpdated yesterday
Frontend & DesignAuto-check passed
Visualizer
Pinvou/pinvou-agent
当用户要求数据可视化、做图表、生成看板、数据仪表盘、可视化报告、Excel/CSV 转图表、预算/销售/运营等指标分析页面、Chart.js 可视化时使用。只处理数据可视化任务；纯网页、banner、海报、简历等非数据图表设计任务应交给 visual-design。数据报告页以图表为主体归本技能；以文案排版为主体的静态报告页归 visual-design。
2.4k GitHub stars~933 tokensUpdated today
Documents & OfficeAuto-check passed

More from IgniteUI/igniteui-angular

All 9 skills in this repo

Igniteui Angular Build
IgniteUI/igniteui-angular
Quick-reference for building the core Ignite UI for Angular library and related packages.
599 GitHub stars~898 tokensUpdated yesterday
Auto-check passed
Igniteui Angular Linting
IgniteUI/igniteui-angular
Quick-reference for linting the core Ignite UI for Angular library.
599 GitHub stars~614 tokensUpdated yesterday
Auto-check passed
Igniteui Angular Generate From Image Design
IgniteUI/igniteui-angular
Implements Angular application views from design images using Ignite UI Angular components.
599 GitHub stars~4.7k tokensUpdated yesterday
Auto-check passed
Igniteui Angular Theming
IgniteUI/igniteui-angular
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.
599 GitHub stars~4.1k tokensUpdated yesterday
Auto-check passed
Igniteui Angular Figma To App
IgniteUI/igniteui-angular
Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.
599 GitHub stars~6.4k tokensUpdated yesterday
Auto-check passed
Igniteui Angular Testing
IgniteUI/igniteui-angular
Quick-reference for running Ignite UI for Angular test suites.
599 GitHub stars~950 tokensUpdated yesterday
Auto-check passed

Works with

Questions about Igniteui Angular Grids

What does Igniteui Angular Grids do?

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…. Igniteui Angular Grids is an agent skill from IgniteUI/igniteui-angular. 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 should I use Igniteui Angular Grids?

Igniteui Angular Grids fits situations like: tasks that involve Theming and dark mode; tasks that involve Agent memory; tasks that involve Excel spreadsheets.

How do I install Igniteui Angular Grids in Claude Code?

Run `npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a claude-code`. Or copy the skill folder (skills/igniteui-angular-grids in IgniteUI/igniteui-angular) into .claude/skills/igniteui-angular-grids in your project. Claude Code loads it when a task matches its description.

How do I install Igniteui Angular Grids in Codex?

Run `npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a codex`. Or copy the skill folder (skills/igniteui-angular-grids in IgniteUI/igniteui-angular) into .agents/skills/igniteui-angular-grids in your project. Codex loads it when a task matches its description.

Can I use Igniteui Angular Grids in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add IgniteUI/igniteui-angular --skill igniteui-angular-grids -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/igniteui-angular-grids, .gemini/skills/igniteui-angular-grids, .github/skills/igniteui-angular-grids and .opencode/skills/igniteui-angular-grids in your project.

What does Igniteui Angular Grids need to run?

Going by SKILL.md and its folder, Igniteui Angular Grids needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Igniteui Angular Grids access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Igniteui Angular Grids safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Igniteui Angular Grids use?

Igniteui Angular Grids is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Igniteui Angular Grids use?

About 2.6k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 30k tokens, read only when the agent opens those files.

What are the alternatives to Igniteui Angular Grids?

Skills that share tags, products or a category with Igniteui Angular Grids: Igniteui Wc Migrate Grid Lite To Premium (IgniteUI/igniteui-webcomponents, 170 stars), Svgrid (sv-grid/sv-grid, 179 stars), Igniteui Wc Figma To App (IgniteUI/igniteui-webcomponents, 170 stars) and Apify Marketing Agency Database (apify/awesome-skills, 262 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Igniteui Angular Grids?

IgniteUI (a GitHub organization) maintains it in IgniteUI/igniteui-angular, which has 599 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 6, 2026.

Source: IgniteUI/igniteui-angular on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Igniteui Angular Grids

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Ignite UI for Angular — Data Grids

Ignite UI CLI MCP Server (required)

Required Workflow

Task → Reference File

Overview

Prerequisites

Choosing the Right Grid

Grid Selection Decision Guide

Grid Types & Imports

Universal Rules (every grid type)

Feature Availability per Grid Type

Files

Compare with similar skills

Similar skills

More from IgniteUI/igniteui-angular

Related

Questions about Igniteui Angular Grids