toolbox-browser-data-grid

Étoiles12

Forks9

Mis à jour7 juillet 2026 à 14:51

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

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Source

veeva

veeva/Vault-Toolbox

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·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.

Plus depuis ce dépôt

même dépôt

toolbox-browser-api-integration

veeva/Vault-Toolbox

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

2026-07-0713

toolbox-browser-brainstormer

veeva/Vault-Toolbox

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

2026-07-0713

toolbox-browser-code-reviewer

veeva/Vault-Toolbox

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

2026-07-0713

toolbox-browser-feature-designer

veeva/Vault-Toolbox

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

2026-07-0713

toolbox-browser-testing

veeva/Vault-Toolbox

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

2026-07-0713

toolbox-browser-tool-builder

veeva/Vault-Toolbox

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

2026-07-0713

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.