An advanced UI toolkit for building interactive, hook-first pivot tables and AI-powered voice navigation workflows.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install auto-pivot-table
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install auto-pivot-table using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is ORBCAFE Pivot + AINav?
ORBCAFE Pivot + AINav is a sophisticated developer toolkit designed to integrate complex data exploration and voice-activated control into modern web applications. By leveraging a hook-first architecture, this skill allows developers to implement drag-and-drop pivot dimensions, persistent view presets, and space-key triggered voice inputs. It is an essential addition for those building high-performance Openclaw Skills that require both deep analytical capabilities and innovative accessibility features.
The library provides a robust framework for managing controlled states in data-heavy environments, ensuring that user interactions like aggregation changes, chart selections, and voice commands are handled with high precision and reliability. Whether you are building internal admin tools or public-facing dashboards, these components streamline the bridge between complex data structures and intuitive user interfaces.
ORBCAFE Pivot + AINav Use Cases
- Creating dynamic business intelligence dashboards with drag-and-drop dimensions.
- Implementing hands-free UI navigation using voice-to-action callbacks.
- Developing persistent data reports where users can save layout and filter presets.
- Building multi-zone analytics views featuring collapsible charts and result tables.
- Optimizing accessibility in data-heavy applications via hotkey-driven voice inputs.
How ORBCAFE Pivot + AINav Works
- Contract Verification: Analyzes module contracts to confirm a hook-first implementation strategy.
- Pattern Identification: Determines whether the implementation requires pivot, voice, or a hybrid layout based on domain needs.
- Dependency Installation: Deploys the necessary UI and utility packages to support the component lifecycle.
- Skeleton Generation: Uses predefined recipes to output the basic implementation structure for the analytical views.
- Layout Configuration: Sets up the standard three-zone layout comprising the configuration area, chart visualization, and results grid.
- State & Persistence: Configures controlled states and callback hooks to ensure data consistency and localStorage/API persistence.
- Troubleshooting & Validation: Runs through a verification checklist to ensure drag-and-drop, aggregation, and voice triggers function correctly.
ORBCAFE Pivot + AINav Setup
Install the core library and its peer dependencies via npm:
npm install orbcafe-ui @mui/material @mui/icons-material @mui/x-date-pickers @emotion/react @emotion/styled dayjs
To explore implementation examples locally, use the following commands:
npm run build
cd examples
npm install
npm run dev
ORBCAFE Pivot + AINav Data Schema & Taxonomy
The skill manages data through a structured set of hooks and callbacks to maintain synchronization between the UI and the data model:
| Feature | Mechanism | Description |
|---|---|---|
| usePivotTable | Controlled Hook | Manages the layout, filters, and aggregation state. |
| useVoiceInput | Navigation Hook | Handles ASR (Speech Recognition) lifecycle and command callbacks. |
| onPresetsChange | Persistence Event | Triggered when layout or view snapshots are modified for storage. |
| PivotChart | Visualization | Maps dimensions and measures (1 dim, 2 measures max) to graphical views. |
| localStorage | Storage Boundary | Used for client-side state persistence within safe browser boundaries. |
ORBCAFE Pivot + AINav Advanced Features
- Triple-zone layout support with independent configuration, visualization, and data table collapsing.
- Advanced preset persistence capturing layout, filters, chart types, and dimension mapping.
- Smart PivotChart logic that automatically prioritizes dimensions based on row and column density.
- Space-key hotkey integration with smart focus-guard logic to prevent accidental triggers during text entry.
- Unified 4-column chart toolbar providing consistent control over Dimensions, Measures, Comparisons, and Chart Types.
SKILL.md
Loading
Related Openclaw Skills
Glancify Proxy
Glancify Proxy is a specialized service that transforms static web pages into interactive visualizations while providing automated keyword and topic extraction.
Tripo3D AI 3D Generation
A powerful AI skill for generating professional-grade 3D models from natural language prompts or 2D images via the Tripo3D API.
Crypto Trading Optimizer
An elite AI trading coach and automation specialist designed to help users maximize gains and minimize losses through 3commas integration.
Healthcare & Wellness Lead Generator
A high-scale lead generation engine that identifies healthcare practitioners, clinics, and patients while generating AI-powered outreach and marketing videos.
Cost Optimizer Pro
An intelligent AI cost optimization system for tracking token budgets, detecting marginal returns, and generating detailed expense reports.
AI Security Guard Pro
A comprehensive security framework for AI coding agents that provides real-time command scanning, sandbox isolation, and hierarchical permission management.
Featured*
