grid skills

69 tagged grid, measured the same way as everything else here.

Browse within: ReAct 65datagrid 31datagrids 31datatable 31table 31nextjs 29starter 29starter-kit 29javascript-library 5react-components 5react-library 5

migrate-v8-to-v9

01

TanStack/table

Skill Claude CodeCodex

Complete Angular v8-to-v9 migration reference: injectTable and injection context, explicit features and row-model slots, signal/atom state, FlexRender directives, type generics, prototype methods, sorting, sizing, selection, and logical pinning.

28k 2d ago A 58 tokens original MIT

cell-selection

02

TanStack/table

Skill Claude CodeCodex

Select, add, and subtract rectangular cell ranges with cellSelectionFeature: ordered include/exclude operations keyed by row and column id, modifier dragging, final positive bounds, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load for spreadsheet-style selection, “select all…

28k 2d ago A 83 tokens original MIT

custom-features

03

TanStack/table

Skill Claude CodeCodex

Author a TanStack Table v9 feature plugin across every FeatureMap and API installation surface: state, options, column definitions, table, column, row, cell, header, row-model functions/caches, defaults, prototypes, and table/row/column instance data lifecycles. Load for initTableInstanceData, resetTableInstanceData…

28k 2d ago A 93 tokens original MIT

IgniteUI/igniteui-react

Skill Claude CodeCodex

Step-by-step migration guide from Grid Lite (IgrGridLite) to the premium Ignite UI for React Data Grid (IgrGrid), covering every import, registration, component name, property, event, template, sorting, filtering, and toolbar API change.

56 5d ago A 61 tokens original MIT

IgniteUI/igniteui-react

Skill Claude CodeCodex

This skill identifies the right Ignite UI for React components for any UI pattern and covers installing, importing, and using them — including JSX patterns, event handling, refs, forms, and TypeScript. Use this when choosing components, setting up a React project, writing component JSX, handling events, or integrating…

56 5d ago A 72 tokens copy · 92% MIT

IgniteUI/igniteui-react

Skill Claude CodeCodex

This skill customizes Ignite UI for React component styling using CSS custom properties and the full theming system and should be used when applying brand colors, dark mode, component-level overrides, or scoped themes in a React application.

56 5d ago A 50 tokens original MIT

gsap-tackl

07

12-Studio/Tackl

Skill Claude CodeCodex

Implements and orchestrates GSAP in Tackl — useAnimation, useGSAP, ScrollTrigger, Lenis sync, page transitions, and reduced-motion fallbacks. Use when the user mentions GSAP, tweens, timelines, ScrollTrigger, scrub, matchMedia, Lenis, smooth scroll, page transitions, motion design, or enter/exit animations.

10 5d ago A 79 tokens original MIT

lenis-react

08

12-Studio/Tackl

Skill Claude CodeCodex

Integrate Lenis smooth scroll into React and Next.js projects. Use when the user wants smooth scrolling, scroll-linked animations, parallax effects, GSAP ScrollTrigger sync, Framer Motion sync, programmatic scroll-to navigation, or scroll event listening in a React app. Covers ReactLenis provider setup, useLenis hook…

10 5d ago A 84 tokens original MIT

webgl-expert

09

12-Studio/Tackl

Skill Claude CodeCodex

Expert guide for WebGL API development including 3D graphics, shaders (GLSL), rendering pipeline, textures, buffers, performance optimization, and canvas rendering. Use when working with WebGL, 3D graphics, canvas rendering, shaders, GPU programming, or when user mentions WebGL, OpenGL ES, GLSL, vertex shaders…

10 5d ago A 87 tokens original MIT