toolbox-browser-data-grid

Estrellas12

Forks9

Actualizado7 de julio de 2026 a las 14:51

Specialized data grid implementation for the Vault Toolbox Browser Extension using TanStack Table/Virtual.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Fuente

veeva

veeva/Vault-Toolbox

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

SKILL.md

readonly

name	toolbox-browser-data-grid
description	Specialized data grid implementation for the Vault Toolbox Browser Extension using TanStack Table/Virtual.
applicable_apps	["toolbox-browser"]

Skill: toolbox-browser-data-grid

This skill provides specialized implementation rules for the Vault Toolbox Browser Extension using TanStack libraries.

1. TanStack Implementation Patterns

Table Hook: Use the useFeatureTable pattern for standardizing sorting and filtering logic.
Virtualization: Use the TanStack Virtual prefix/suffix padding row pattern to preserve sticky header behavior.

2. Styling with Chakra UI

Environment Awareness: Headers must change color based on environment:
- Sandbox: veeva_sandbox_green.500
- Production: veeva_midnight_indigo.500
Semantic Tokens: Use white_color_mode for island backgrounds and beige_color_mode for hover states.

3. Shared Component Priority

Always check if src/app/components/shared/VirtualizedTable.jsx can meet the requirements before building a custom grid.

Más de este repositorio

mismo repositorio

toolbox-browser-api-integration

veeva/Vault-Toolbox

Implementation patterns for the Vault Toolbox Browser Extension (Manifest V3).

2026-07-0712

toolbox-browser-brainstormer

veeva/Vault-Toolbox

Specialized design challenges for the Vault Toolbox Browser Extension, focusing on VQL prototyping.

2026-07-0712

toolbox-browser-code-reviewer

veeva/Vault-Toolbox

Specialized audit for the Vault Toolbox Browser Extension, focusing on Island Architecture and UI visibility.

2026-07-0712

toolbox-browser-feature-designer

veeva/Vault-Toolbox

Specialized design requirements for the Vault Toolbox Browser Extension, focusing on UI visibility.

2026-07-0712

toolbox-browser-testing

veeva/Vault-Toolbox

Specialized testing and dev-server protocol for the Vault Toolbox Browser Extension.

2026-07-0712

toolbox-browser-tool-builder

veeva/Vault-Toolbox

Specialized scaffolding and shell integration for the Vault Toolbox Browser Extension.

2026-07-0712

name	toolbox-browser-data-grid
description	Specialized data grid implementation for the Vault Toolbox Browser Extension using TanStack Table/Virtual.
applicable_apps	["toolbox-browser"]

Skill: toolbox-browser-data-grid

This skill provides specialized implementation rules for the Vault Toolbox Browser Extension using TanStack libraries.

1. TanStack Implementation Patterns

Table Hook: Use the useFeatureTable pattern for standardizing sorting and filtering logic.
Virtualization: Use the TanStack Virtual prefix/suffix padding row pattern to preserve sticky header behavior.

2. Styling with Chakra UI

Environment Awareness: Headers must change color based on environment:
- Sandbox: veeva_sandbox_green.500
- Production: veeva_midnight_indigo.500
Semantic Tokens: Use white_color_mode for island backgrounds and beige_color_mode for hover states.

3. Shared Component Priority

Always check if src/app/components/shared/VirtualizedTable.jsx can meet the requirements before building a custom grid.