toolbox-browser-tool-builder

Stars12

Forks9

UpdatedJuly 7, 2026 at 14:51

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

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Source

veeva

veeva/Vault-Toolbox

View GitHub Repository View Creator Repositories

Download

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	toolbox-browser-tool-builder
description	Specialized scaffolding and shell integration for the Vault Toolbox Browser Extension.
applicable_apps	["toolbox-browser"]

Skill: toolbox-browser-tool-builder

This skill provides the specialized wiring guide for integrating features into the Vault Toolbox Extension shell.

1. End-to-End Tool Wiring

Follow these 4 steps to integrate a new feature:

Register Route (App.jsx): Add the page to the main router within the Layout component.
Navigation Sidebar (SidebarItems.ts): Add an entry with an appropriate PiIcon and pageId.
Register in Settings (VaultToolboxSettings.ts):
- Add to defaultSettings (enabled: true).
- Add to PageSettingsMetadata (Label and InfoText).
Layout Verification: Ensure the Nested Pillar consistency (Header, Island, Status, Context Panel).

2. Implementation Rules

Shared Components: Always use VirtualizedTable, CodeEditor, and CustomSelect from src/app/components/shared/.
Snippet Enforcement: Import standard UI components from .../shared/ui-components/ ONLY.
Background Messaging: For cross-origin or persistent tasks, use chrome.runtime.sendMessage to communicate with background.js.

More from this repository

same repository

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-data-grid

veeva/Vault-Toolbox

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

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

name	toolbox-browser-tool-builder
description	Specialized scaffolding and shell integration for the Vault Toolbox Browser Extension.
applicable_apps	["toolbox-browser"]

Skill: toolbox-browser-tool-builder

This skill provides the specialized wiring guide for integrating features into the Vault Toolbox Extension shell.

1. End-to-End Tool Wiring

Follow these 4 steps to integrate a new feature:

Register Route (App.jsx): Add the page to the main router within the Layout component.
Navigation Sidebar (SidebarItems.ts): Add an entry with an appropriate PiIcon and pageId.
Register in Settings (VaultToolboxSettings.ts):
- Add to defaultSettings (enabled: true).
- Add to PageSettingsMetadata (Label and InfoText).
Layout Verification: Ensure the Nested Pillar consistency (Header, Island, Status, Context Panel).

2. Implementation Rules

Shared Components: Always use VirtualizedTable, CodeEditor, and CustomSelect from src/app/components/shared/.
Snippet Enforcement: Import standard UI components from .../shared/ui-components/ ONLY.
Background Messaging: For cross-origin or persistent tasks, use chrome.runtime.sendMessage to communicate with background.js.