ag-grid-patterns

What problem does it solve?

This Skill solves the complexity of implementing AG-Grid v34 by providing battle-tested patterns and canonical examples. It ensures consistent, performant, and correctly themed data grids, eliminating common integration headaches and development guesswork.

Core Features & Use Cases

• Canonical Patterns: Provides proven examples for themes, custom cell renderers, column definitions, and integrations.
• Performance Optimization: Includes patterns for optimizing AG-Grid with large datasets, especially in canvas environments like tldraw.
• TMNL Integration: Shows how to integrate AG-Grid with tldraw custom shapes and effect-atom for robust state management.
• Use Case: When building a new data table in your application, invoke this Skill to get the exact code for a custom cell renderer, a TMNL_TOKENS-based theme, and best practices for integrating with your state management system, saving hours of research and debugging.

Quick Start

Help me implement an AG-Grid data table with a custom cell renderer for status and a theme based on TMNL_TOKENS.