aggrid
Use the AG Grid MCP server to implement, upgrade, and troubleshoot AG Grid in React, Angular, Vue, and vanilla JavaScript projects. Trigger when tasks mention AG Grid tables, column definitions, row models, renderers/editors, AG Grid version migrations, or AG Grid MCP setup files (mcp.json, .vscode/mcp.json, .cursor/mcp.json, .aiassistant/mcp.json, .junie/mcp.json).
Best use case
aggrid is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Use the AG Grid MCP server to implement, upgrade, and troubleshoot AG Grid in React, Angular, Vue, and vanilla JavaScript projects. Trigger when tasks mention AG Grid tables, column definitions, row models, renderers/editors, AG Grid version migrations, or AG Grid MCP setup files (mcp.json, .vscode/mcp.json, .cursor/mcp.json, .aiassistant/mcp.json, .junie/mcp.json).
Teams using aggrid should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/aggrid/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How aggrid Compares
| Feature / Agent | aggrid | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Use the AG Grid MCP server to implement, upgrade, and troubleshoot AG Grid in React, Angular, Vue, and vanilla JavaScript projects. Trigger when tasks mention AG Grid tables, column definitions, row models, renderers/editors, AG Grid version migrations, or AG Grid MCP setup files (mcp.json, .vscode/mcp.json, .cursor/mcp.json, .aiassistant/mcp.json, .junie/mcp.json).
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# AG Grid MCP Use AG Grid MCP to ground AG Grid changes in version-specific documentation and examples. For setup across workspace adapters, see `references/aggrid-mcp-config.md`. ## Required Flow (Do Not Skip) 1. Run `detect_version` first to infer the AG Grid version and framework from the workspace. 2. If detection is missing or wrong (monorepo, partial checkout, multiple apps), run `set_version` with explicit `version` and `framework`. 3. Use `search_docs` for the exact feature before writing or changing code. 4. For upgrades, run `list_versions`, then execute the `upgrade-grid` prompt flow from `references/aggrid-tools-and-prompts.md` one version step at a time. 5. Implement changes using project conventions, then validate with build/tests or targeted runtime checks. ## Implementation Rules - Treat MCP output as authoritative for AG Grid APIs and behavior for the selected version. - Prefer existing wrappers/components over introducing parallel grid abstractions. - Keep AG Grid Community/Enterprise package usage consistent with the current project. - Avoid guessing AG Grid APIs; verify with `search_docs` when uncertain. - When changing column definitions, filters, editors, row model behavior, or state handling, include regression-safe validation. ## References - `references/aggrid-mcp-config.md` - adapter-specific MCP setup and verification. - `references/aggrid-tools-and-prompts.md` - AG Grid MCP tools and prompt patterns.
Related Skills
jwebmp-aggrid
AG Grid community integration with data tables, sorting, filtering, pagination, and row selection. Type-safe component model with CRTP API, dual rendering (HTML/JSON), and JWebMP integration. Use when working with AG Grid, creating data-heavy tables, grids with advanced filtering, or enterprise data presentation.
jwebmp-aggrid-enterprise
AG Grid Enterprise integration for JWebMP with premium data grid features. Extends aggrid skill with row grouping, aggregation, pivoting, master/detail, server-side row model, Excel export, range selection, clipboard operations, status bar, charts integration, and advanced filtering. Requires AG Grid Enterprise license. Use when working with AG Grid Enterprise features, complex data grids, pivoting, grouping, or advanced grid capabilities.
skill-installer
Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path. Use when a user asks to list installable skills, install a curated skill, or install a skill from another repo (including private repos).
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.
jwebmp-webawesome
WebAwesome icon integration for JWebMP — modern, open-source icon library. Provides 1,500+ icons with solid/regular styles, sizing, rotation, animation, and CSS utilities. Drop-in FontAwesome alternative with fresh designs. Use when working with WebAwesome icons, modern icon designs, or as FontAwesome alternative in JWebMP applications.
jwebmp-webawesome-pro
WebAwesome Pro integration for JWebMP with premium icons and features. Extends jwebmp-webawesome with additional styles, premium icons, and advanced features. Use when working with WebAwesome Pro icons or premium WebAwesome features in JWebMP applications.
jwebmp-weather-icons
Weather Icons font library for JWebMP providing weather icon fonts. Use when displaying weather-related icons.
jwebmp-waypoints
Waypoints jQuery plugin for JWebMP triggering functions when elements enter the viewport. Use when implementing scroll-based interactions and animations.
jwebmp-waves-effect
Waves material design ripple effect for JWebMP creating Material Design click ripples on elements. Use when adding Material Design interaction effects.
jwebmp-vertx
Portable connector between JWebMP and Vert.x 5 powered by GuicedEE. Provides automatic page routing, AJAX event pipeline, data component servlet, CSS endpoint, site-loader script, WebSocket broadcasting via event bus, user-agent detection, and call-scope integration. Use when working with JWebMP Vert.x integration, HTTP routing, AJAX handling, WebSocket communication, or building reactive web applications with JWebMP.
jwebmp-tsclient
TypeScript client generation for JWebMP plugins. Provides annotations and utilities for generating TypeScript interfaces, components, services, and modules from Java code. Supports @TsDependency, @TsDevDependency, @NgComponent, @NgDataService, @NgRestClient annotations. Use when creating JWebMP plugins that generate TypeScript code, defining npm dependencies, building Angular-integrated components, or generating typed Angular REST client services.
jwebmp-toastr
Toastr jQuery notification plugin integration for JWebMP displaying non-blocking toast notifications. Use when showing transient user notifications and alerts.