React Data GridAG Grid AI Skills

Our AI skills give coding agents such as Claude and Codex the expertise to build and maintain your AG Grid and AG Charts applications from our official guidance.

We are actively developing and releasing new versions of our skills. Feedback is welcome — open an issue on GitHub.

Setup Copy Link

Installation Copy Link

A skill is a folder of files that you install in your project repository or your home directory. Use the skills CLI to copy the files from the ag-grid/skills repository to your machine:

npx skills add ag-grid/skills

In order for npx skills add to install skills into your repo, the config folder for your agent must already exist, e.g. .claude/ or .codex/ in your repo root. This is normally created the first time you run the agent in the repo.

Updating Copy Link

We refine the skills and extend them to cover new AG Grid and AG Charts releases, so update at any time to pick up the latest guidance:

npx skills update ag-grid/skills

Skills Copy Link

Each skill teaches your coding agent how to carry out a specific task with AG Grid and AG Charts, following our official guidance. Once installed, invoke a skill by name and the agent works through it for you.

ag-update Copy Link

Upgrading across major versions normally means reading every release's breaking changes and working out which ones touch your code. The ag-update skill hands that work to your coding agent: it reads the AG Grid migration documentation, checks it against your repository, and produces a Markdown file listing the changes needed to move to a new version.

To let the skill detect everything for you, invoke it from your coding agent:

Use the ag-update skill to upgrade my-app

You can also tell it exactly what to update, down to individual projects and target versions.

Use the ag-update skill to update all projects in this monorepo except apps/demo-app to AG Grid v36

Example run Copy Link

A typical run, updating a single project to AG Grid v36, looks like this:

> Use the ag-update skill to update the performance/typescript project to AG Grid v36

Determining scope → AG_UPDATE_SCOPE.md
  - performance/typescript
    - ag-grid-community@35.0.1 -> 36.0.0
    - ag-charts-community@13.0.1 -> 14.0.0

Determining changes → AG_UPDATE_CHANGES.md
  Found changes to review before applying.

Apply changes? yes
  Updated package.json
  $ pnpm install     ✓
  $ pnpm typecheck   ✓
  $ pnpm build       ✓

Done — performance/typescript is on AG Grid 36.0.0 and AG Charts 14.0.0.

AG_UPDATE_CHANGES.md contains an entry for each change, grouped by product and version transition, labelled BREAKING or BEHAVIOUR, and paired with how to mitigate it:

## Grid v35.x -> v36.x

### BEHAVIOUR: ValidationModule no longer bundled by default

Change: The `ValidationModule` is no longer included in the `AllCommunityModule` and `AllEnterpriseModule` bundles, keeping production bundles smaller by default. Without it, console messages are reduced to an error code and a documentation link.

Mitigation: To restore the full development-time diagnostics, call `enableDevValidations()` before any grid is created.

Review the generated files, then ask the agent to apply the plan. It bumps the versions in package.json, reinstalls dependencies, and validates the result against your build, typecheck, and dev server.

Upcoming skills Copy Link

We are expanding the set of skills to cover more of the AG Grid and AG Charts development workflow. Watch the ag-grid/skills repository, or open an issue to suggest a skill.

Getting Started

AI Features

Layout & Styling

Charting

Core Features

Advanced Features