toolbox-browser-data-grid

星标12

分支9

更新时间2026年7月7日 14:51

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

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

来源

veeva

veeva/Vault-Toolbox

打开 GitHub 仓库查看创作者相关仓库

下载

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.

同仓库更多 Skills

同仓库

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.